Изменение кнопки при наведении на блок  [РЕШЕНО]

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
krystalmoon
Интересующийся
Интересующийся
Сообщения: 43
Зарегистрирован: 22 мар 2019, 19:35
Версия Web Builder: 14.0.3

Изменение кнопки при наведении на блок

Сообщение krystalmoon » 26 июн 2019, 14:09

Добрый день форумчане !

Не могу правильно задать вопрос - отсюда проблема не могу найти ответ

Вопрос: Есть блок с товаром , в блоке снизу есть кнопка "добавить в корзину"

как сделать чтобы при наведении на любую часть блока, фон кнопки менялся ?

пробовал задать смену стиля через события onmouseover не работает

Реклама
Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Изменение кнопки при наведении на блок

Сообщение spoon » 26 июн 2019, 16:07

Что типа этого
$('#id блока'). hover(function() {
$(this). find('#id_кнопки ). css('background-color' :'red' ) ;
}) ;
find может не найти в потомках, тогда closest.
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

Аватара пользователя

Автор Темы
krystalmoon
Интересующийся
Интересующийся
Сообщения: 43
Зарегистрирован: 22 мар 2019, 19:35
Версия Web Builder: 14.0.3

Изменение кнопки при наведении на блок

Сообщение krystalmoon » 26 июн 2019, 16:13

Это java ? ? так я не понял а куда это вставлять :du_ma_et: по пунктам плиззз

Отправлено спустя 19 минут 45 секунд:
Всем спасибо, нашел способ проще

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Изменение кнопки при наведении на блок  [РЕШЕНО]

Сообщение anonimus » 26 июн 2019, 16:34

в менеджере стилей создайте стиль кнопки по умолчанию и стиль кнопки срабатывающий при наведении на блок
изначально кнопке задайте стиль, созданный по умолчанию
и на событие блока повесьте событие, переключающее стиль на нужный, который должен срабатывать при наведении
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
krystalmoon
Интересующийся
Интересующийся
Сообщения: 43
Зарегистрирован: 22 мар 2019, 19:35
Версия Web Builder: 14.0.3

Изменение кнопки при наведении на блок

Сообщение krystalmoon » 26 июн 2019, 16:38

Это я понял, но проблема в том что если в блоке картинка или текст то при наведении на них стиль снова становится дефолтным

как сделать чтобы стиль был всегда заказной если курсор находится в блоке ?

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Изменение кнопки при наведении на блок

Сообщение anonimus » 26 июн 2019, 16:50

ничего подобного
в 14 версии по крайней мере
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
krystalmoon
Интересующийся
Интересующийся
Сообщения: 43
Зарегистрирован: 22 мар 2019, 19:35
Версия Web Builder: 14.0.3

Изменение кнопки при наведении на блок

Сообщение krystalmoon » 26 июн 2019, 16:56

Спасибо за ответы, сейчас буду искать ошибки

Отправлено спустя 3 минуты 54 секунды:
Ошибка была в том что я выставлял "Переключить стиль" А нужно "Выставить стиль"

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Изменение кнопки при наведении на блок

Сообщение anonimus » 26 июн 2019, 17:02

задать стиль, если точнее)))
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
krystalmoon
Интересующийся
Интересующийся
Сообщения: 43
Зарегистрирован: 22 мар 2019, 19:35
Версия Web Builder: 14.0.3

Изменение кнопки при наведении на блок

Сообщение krystalmoon » 26 июн 2019, 17:05

Да да да да ))))) Спасибо

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Изменение кнопки при наведении на блок

Сообщение Gudwinn » 26 июн 2019, 22:10

Привет всем! Ну Вы даёте, всё на css делается элементарно, вот пример

Код: Выделить всё

<style>
#Layer1:hover #Button2{
   background: red;
}
</style>
Айдишники слоя и кноки свои конечно же, для плавности в кнопке надо прописать в особом стиле transition: all .35s linear;
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость