CSS и document.querySelector / HTML, JavaScript, VBScript, CSS

2.0.48

Планшетная версия Контакт Правила FAQ Помощь

Гость

Нов. | Гор. | Избр.

Действия ...

Доб. в избранное
Игнор. тему
Прикреп. тему
Пометить прочит. / непрочит.
Фильтр:
Сообщения автора темы
Сообщение содержит вложения
Сообщение содержит картинки
Сообщение содержит видеоклипы
Сообщение содержит аудиоклипы
Сообщение содержит картинки или видео 18+

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS и document.querySelector / 8 сообщений из 8, страница 1 из 1

17.02.2021, 06:54

#40046062

wolverin

Участник

Сообщения: 1 182
Рейтинг: 0 / 0

CSS и document.querySelector

Мой пример, похожий на задачу https://jsfiddle.net/61xqy7z5/1/

Нужно при выборе/клике пункта меню, чтобы пропадал выпадающий список и менялся на кнопке текст, у пунктов меню уже есть свой обработчик JS и туда добавляю просто

Код: javascript

document.querySelector('.memu_title').textContent = t.textContent;

Результат - перестает работать CSS

Код: css

.memu_title:hover .menu

подскажите как верно должно быть?

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

17.02.2021, 08:09

#40046071

wolverin

Участник

Сообщения: 1 182
Рейтинг: 0 / 0

CSS и document.querySelector

я так понял после обновления текста или стиля слетает класс описывающий hover!?

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

17.02.2021, 10:25

#40046097

wolverin

Участник

Сообщения: 1 182
Рейтинг: 0 / 0

CSS и document.querySelector

не, кажется начинаю понимать, document.querySelector('.memu_title').textContent содержит весь текст блока, а мне надо поменять только в поле button

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

17.02.2021, 11:18

#40046113

wolverin

Участник

Сообщения: 1 182
Рейтинг: 0 / 0

CSS и document.querySelector

первую проблему решил, нужно во вложенных элементах вместо

Код: javascript

document.querySelector('.memu_title').textContent = t.textContent;

делать

Код: javascript

document.querySelector('.memu_title').childNodes[0].nodeValue = t.textContent;

теперь нужно скрыть "выпавшее" меню...

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

17.02.2021, 12:15

#40046149

DHDD

Гость

CSS и document.querySelector

wolverin,

ну так всё работает, только добавь "return false" в onclick, чтобы не переходило по ссылке

Код: html

<a target="content" onclick="setCurrent(this);return false">Ссылка 1</a>

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

17.02.2021, 12:47

#40046175

wolverin

Участник

Сообщения: 1 182
Рейтинг: 0 / 0

CSS и document.querySelector

DHDD,

да, после 22282098 заработало изменение текста, еще бы скрыть отображенный ховер после клика, для тестового примера добавил конечно return false

получается мне надо удалять класс с элемента, а по onmouseover возвращать его на место!?

потому что

Код: javascript

document.querySelector('.menu').style.display = 'none';

не меняет свойства css, а прописывает новое с большим приоритетом

https://jsfiddle.net/9ptzn4rm/

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

17.02.2021, 12:51

#40046181

wolverin

Участник

Сообщения: 1 182
Рейтинг: 0 / 0

CSS и document.querySelector

удалено

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

17.02.2021, 13:44

#40046238

wolverin

Участник

Сообщения: 1 182
Рейтинг: 0 / 0

CSS и document.querySelector

вопщим победил и это

в самом клике добавил

Код: javascript

document.querySelector('.menu').style.display = 'none';

а у кнопки

Код: javascript

<button class="memu_title" onmouseout="document.querySelector('.menu').style.display = ''">

...

Рейтинг:

0 / 0

| Ответить | Цитировать | Написать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&mobile=1&tid=1443307]:	0ms
get settings:	11ms
get forum list:	14ms
check forum access:	4ms
check topic access:	4ms
track hit:	27ms
get topic data:	12ms
get forum data:	3ms
get page messages:	46ms
get tp. blocked users:	2ms
others:	15ms

total:	138ms