ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
24 сообщений из 24, страница 1 из 1
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522013
Вайрекс
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вайрекс
Гость
Хочу обойтись без циклов по элементам, их может быть очень много. Всякие там jQuery и прочая хрень - отсутствуют.

Есть CSS-класс, допустим такой:
Код: css
1.
2.
3.
.done{
  background-color: green;
}

Я хочу на JavaScript динамически менять... не знаю как корректно назвать... скажем "содержимое/описание" конкретного CSS-класса.
То есть написать две JavaScript-функции, при выполнении которых класс будет изменяться вот так:
Код: css
1.
2.
3.
4.
.done{
  background-color: green;
  display: none;
}

и обратно в исходное состояние.

Помогите кто-то. Гугл что-то выдаёт всё не то, то элементы перебирать, то jQuery...
...
Рейтинг: 0 / 0
15.09.2017, 17:44
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522021
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Элементарно делается. Ответ напишу потом. Просто, интересно, как местные ждедаи посоветуют.
...
Рейтинг: 0 / 0
15.09.2017, 17:55
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522026
Alexander A. Sak
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexander A. Sak
Участник
Менять класс у общего предка и написать соответствующий CSS.

Код: css
1.
2.
3.
.hide .done {
   display: none
}



Ставим класс hide у body и все .done исчезли.

Я попал в число ждедаев?
...
Рейтинг: 0 / 0
15.09.2017, 18:15
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522036
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
Вайрекс,

Меняй класс у контейнера. Составляй правила с учётом класса контейнера. CSS -- каскадная таблица стилей, почему все рвутся менять сами стили, простую концепцию каскада осилить не можете?
...
Рейтинг: 0 / 0
15.09.2017, 18:40
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522041
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
hVosttВайрекс,

Меняй класс у контейнера. Составляй правила с учётом класса контейнера. CSS -- каскадная таблица стилей, почему все рвутся менять сами стили, простую концепцию каскада осилить не можете?
Я понимаю - пятница. Вопрос был конкретный. А подумать?
Если ты не понял, CSS меняется на клиенте, а не на сервере.
...
Рейтинг: 0 / 0
15.09.2017, 18:58
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522059
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
ShSergehVosttВайрекс,

Меняй класс у контейнера. Составляй правила с учётом класса контейнера. CSS -- каскадная таблица стилей, почему все рвутся менять сами стили, простую концепцию каскада осилить не можете?
Я понимаю - пятница. Вопрос был конкретный. А подумать?
Если ты не понял, CSS меняется на клиенте, а не на сервере.

это дурь
...
Рейтинг: 0 / 0
15.09.2017, 19:55
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522065
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
ShSergeЕсли ты не понял, CSS меняется на клиенте, а не на сервере.

Что тут непонятного? Зачем менять CSS на клиенте? Такие ситуации, когда это действительно нужно, очень редки.
...
Рейтинг: 0 / 0
15.09.2017, 20:09
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522081
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Dynamic style - manipulating CSS with JavaScript: Adding and Removing Rules
...
Рейтинг: 0 / 0
15.09.2017, 21:26
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522133
Вайрекс
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вайрекс
Гость
Большое спасибо!
...
Рейтинг: 0 / 0
16.09.2017, 01:35
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522332
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
ВайрексХочу обойтись без циклов по элементам, их может быть очень много. Всякие там jQuery и прочая хрень - отсутствуют.

Есть CSS-класс, допустим такой:
Код: css
1.
2.
3.
.done{
  background-color: green;
}

Я хочу на JavaScript динамически менять... не знаю как корректно назвать... скажем "содержимое/описание" конкретного CSS-класса.
То есть написать две JavaScript-функции, при выполнении которых класс будет изменяться вот так:
Код: css
1.
2.
3.
4.
.done{
  background-color: green;
  display: none;
}

и обратно в исходное состояние.

Помогите кто-то. Гугл что-то выдаёт всё не то, то элементы перебирать, то jQuery...
Было уже здесь неоднократно, даже готовый пример есть, как раз как Вы и просите "написать две JavaScript-функции" 19285188
Вся тема здесь: Через javascript добавить в глобальный CSS
...
Рейтинг: 0 / 0
17.09.2017, 12:58
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522468
Вайрекс
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вайрекс
Гость
Благодаря ссылкам я,
во-первых - научился делать то что я спрашивал,
а во-вторых - обнаружил, что это действительно может быть излишним,
в конкретно моём случае проще и более чем достаточно:
Код: html
1.
2.
3.
4.
5.
6.
<input type="checkbox" class="doneHide"/>
<*>
  ...
  <* class="done">...</*>
  ...
</*>

Код: css
1.
2.
3.
4.
5.
6.
.done{
  background-color: green;
}
.doneHide:checked+* .done{
  display: none;
}

Требования к CSS стали чуть выше, но зато JS вообще не нужен. :3

Ещё раз всем спасибо!
...
Рейтинг: 0 / 0
17.09.2017, 19:26
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522590
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Вайрекс,

всегда пожалуйста :)
...
Рейтинг: 0 / 0
18.09.2017, 09:30
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39522591
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
ShSerge,

ответ-то напишешь, или ещё подождёшь?
...
Рейтинг: 0 / 0
18.09.2017, 09:31
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526455
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
skyANA,

Ты же сам ответил. 20800000
...
Рейтинг: 0 / 0
26.09.2017, 14:27
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526466
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Там по ссылке более правильный ответ, чем мой. Как раз я этого и ждал.
А сам я по-простому innerHTML у css-ки менял и все дела.

Кстати, давным-давно, где-то здесь я уже писал с createElement, которому присваивал внешний урл, и аппендчилдил его.
Тоже один из вариантов.
...
Рейтинг: 0 / 0
26.09.2017, 14:36
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526635
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
ShSergeКстати, давным-давно, где-то здесь я уже писал с createElement, которому присваивал внешний урл, и аппендчилдил его.
Тоже один из вариантов.

Раньше так и делали, да и сейчас тоже, когда хотят типа тему поменять.
...
Рейтинг: 0 / 0
26.09.2017, 17:15
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526672
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
hVosttShSergeКстати, давным-давно, где-то здесь я уже писал с createElement, которому присваивал внешний урл, и аппендчилдил его.
Тоже один из вариантов.

Раньше так и делали, да и сейчас тоже, когда хотят типа тему поменять.
Лет 7-8 тому назад, я предлагал в одной конторе сделать сайт с адаптивным дизайном. Ну, то есть, зима-весна-лето-осень - это понятно. Ещё и по часам, чтобы отображение содержимого само менялось. Но, контора денег на это не дала (типа, ни у кого такого нету - значит - нефиг). Забесплатно дизайнеры меня послали куда подальше, хотя идея им понравилась.
Весь прикол в том, что хорошо бы сделать ещё отображение на основе стыреных с gismeteо данных. Чисто поржать. Сегодня у меня должно быть +18 и солнышко, а на самом деле +14 и пасмурно.
...
Рейтинг: 0 / 0
26.09.2017, 18:14
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526704
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
ShSergeskyANA,

Ты же сам ответил. 20800000
А ты обещал написать свой вариант после этого :)
...
Рейтинг: 0 / 0
26.09.2017, 18:58
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526716
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
skyANAShSergeskyANA,

Ты же сам ответил. 20800000
А ты обещал написать свой вариант после этого :)
Я же сказал какой. Отпостить примерчик? Он у меня на работе. По циске могу подключиться, но жену с другого компьютера надо прогнать. А для этого существенный повод нужен.
...
Рейтинг: 0 / 0
26.09.2017, 19:22
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526718
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
ShSergeЛет 7-8 тому назад, я предлагал в одной конторе сделать сайт с адаптивным дизайном. Ну, то есть, зима-весна-лето-осень - это понятно. Ещё и по часам, чтобы отображение содержимого само менялось. Но, контора денег на это не дала (типа, ни у кого такого нету - значит - нефиг). Забесплатно дизайнеры меня послали куда подальше, хотя идея им понравилась.
Весь прикол в том, что хорошо бы сделать ещё отображение на основе стыреных с gismeteо данных. Чисто поржать. Сегодня у меня должно быть +18 и солнышко, а на самом деле +14 и пасмурно.

А я думал адаптивный дизайн это про разные размеры экранов и типы устройств :)

Конечно, ты забесплатно предложил нарисовать и поддерживать вместо одного дизайна, десяток: 4 сезона * день/ночь = 8 штук минимум
...
Рейтинг: 0 / 0
26.09.2017, 19:25
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526724
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
hVostt,

Словосочетание "адаптивный дизайн" я именно так использую. Много времени уже.
А тебе как идея?
Многим нравится, мне тоже. Но дизайнерам впадлу забесплатно, а я - не дизайнер.
Кто-нибудь сделает, если уже не сделал.
...
Рейтинг: 0 / 0
26.09.2017, 19:39
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526727
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
ПС. Адаптивный дизайн размера тоже касается. Но не только.
...
Рейтинг: 0 / 0
26.09.2017, 19:41
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526816
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
ShSergehVostt,

Словосочетание "адаптивный дизайн" я именно так использую. Много времени уже.
А тебе как идея?
Многим нравится, мне тоже. Но дизайнерам впадлу забесплатно, а я - не дизайнер.
Кто-нибудь сделает, если уже не сделал.

Ну вообще «дизайн» как понятие призван решать определённые задачи и проблемы.
А то, о чём ты говоришь, называется «художественное оформление»

Единственное место, где за всю свою жизнь я увидел действительно пользу от дневного/ночного оформления — это Яндекс навигатор, когда едешь ночью, не в кайф когда тебе в глаза фонарь светит. Остальное это плюшки и фломастеры.
...
Рейтинг: 0 / 0
27.09.2017, 01:18
| Ответить | Цитировать | Написать  
Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
    #39526817
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
ShSergeПС. Адаптивный дизайн размера тоже касается. Но не только.

Ну в вебе это именно про размеры экранов, поддержка тач, и датчики устройств.
Больше беспокоит, что так называемые дизайнеры в 90% (а то и больше) случаев забивают болт на так называемый Accessibility. Вот это да, это печаль.
...
Рейтинг: 0 / 0
27.09.2017, 01:23
| Ответить | Цитировать | Написать  
24 сообщений из 24, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как при помощи JavaScript изменять содержимое/описание самого класса стилей CSS?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39522081&tid=1444453]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 167ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 60ms
get tp. blocked users:
 2ms
others: 235ms
total:  506ms
созд. / загр.: 506ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]