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

ReSQL.ru

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

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

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

8 сообщений из 8, страница 1 из 1

CSS и document.querySelector

#40046062

wolverin

Участник

Сообщения: 1 182

Рейтинг: 0 / 0

Мой пример, похожий на задачу 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, 06:54

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

CSS и document.querySelector

#40046071

wolverin

Участник

Сообщения: 1 182

Рейтинг: 0 / 0

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

...

Рейтинг:

0 / 0

17.02.2021, 08:09

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

CSS и document.querySelector

#40046097

wolverin

Участник

Сообщения: 1 182

Рейтинг: 0 / 0

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

...

Рейтинг:

0 / 0

17.02.2021, 10:25

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

CSS и document.querySelector

#40046113

wolverin

Участник

Сообщения: 1 182

Рейтинг: 0 / 0

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

Код: javascript

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

делать

Код: javascript

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

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

...

Рейтинг:

0 / 0

17.02.2021, 11:18

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

CSS и document.querySelector

#40046149

DHDD

Гость

wolverin,

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

Код: html

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

...

Рейтинг:

0 / 0

17.02.2021, 12:15

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

CSS и document.querySelector

#40046175

wolverin

Участник

Сообщения: 1 182

Рейтинг: 0 / 0

DHDD,

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

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

потому что

Код: javascript

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

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

https://jsfiddle.net/9ptzn4rm/

...

Рейтинг:

0 / 0

17.02.2021, 12:47

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

CSS и document.querySelector

#40046181

wolverin

Участник

Сообщения: 1 182

Рейтинг: 0 / 0

удалено

...

Рейтинг:

0 / 0

17.02.2021, 12:51

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

CSS и document.querySelector

#40046238

wolverin

Участник

Сообщения: 1 182

Рейтинг: 0 / 0

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

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

Код: javascript

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

а у кнопки

Код: javascript

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

...

Рейтинг:

0 / 0

17.02.2021, 13:44

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

8 сообщений из 8, страница 1 из 1

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

Цитировать

Написать

Автор*:

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

Тема*:

Сообщение

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

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

Автор:

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

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

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

Вложение:

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

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

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

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

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

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

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

start [/forum/search_topic.php?author=%D0%A1%D0%B5%D1%80%D0%B3%D0%B5%D0%B9330&author_mode=last_posts&do_search=1]:	0ms
get settings:	11ms
get forum list:	13ms
get settings:	8ms
get forum list:	15ms
check forum access:	3ms
check topic access:	3ms
track hit:	39ms
get topic data:	13ms
get forum data:	3ms
get page messages:	48ms
get tp. blocked users:	2ms
others:	8411ms

total:	8569ms