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

- Сообщения: 43
- Зарегистрирован: 22 мар 2019, 19:35
- Версия Web Builder: 14.0.3
Реклама
-
spoon
- Помешаный

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

- Сообщения: 43
- Зарегистрирован: 22 мар 2019, 19:35
- Версия Web Builder: 14.0.3
Изменение кнопки при наведении на блок
Это java ? ? так я не понял а куда это вставлять
по пунктам плиззз
Отправлено спустя 19 минут 45 секунд:
Всем спасибо, нашел способ проще
по пунктам плизззОтправлено спустя 19 минут 45 секунд:
Всем спасибо, нашел способ проще
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Изменение кнопки при наведении на блок [РЕШЕНО]
в менеджере стилей создайте стиль кнопки по умолчанию и стиль кнопки срабатывающий при наведении на блок
изначально кнопке задайте стиль, созданный по умолчанию
и на событие блока повесьте событие, переключающее стиль на нужный, который должен срабатывать при наведении
изначально кнопке задайте стиль, созданный по умолчанию
и на событие блока повесьте событие, переключающее стиль на нужный, который должен срабатывать при наведении
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по 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
Изменение кнопки при наведении на блок
Это я понял, но проблема в том что если в блоке картинка или текст то при наведении на них стиль снова становится дефолтным
как сделать чтобы стиль был всегда заказной если курсор находится в блоке ?
как сделать чтобы стиль был всегда заказной если курсор находится в блоке ?
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Изменение кнопки при наведении на блок
ничего подобного
в 14 версии по крайней мере
в 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
==============
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по 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
Изменение кнопки при наведении на блок
Спасибо за ответы, сейчас буду искать ошибки
Отправлено спустя 3 минуты 54 секунды:
Ошибка была в том что я выставлял "Переключить стиль" А нужно "Выставить стиль"
Отправлено спустя 3 минуты 54 секунды:
Ошибка была в том что я выставлял "Переключить стиль" А нужно "Выставить стиль"
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Изменение кнопки при наведении на блок
задать стиль, если точнее)))
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по 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
Изменение кнопки при наведении на блок
Да да да да ))))) Спасибо
-
Gudwinn
- Эксперт

- Сообщения: 1418
- Зарегистрирован: 07 авг 2015, 18:39
- Версия Web Builder: 11.0.2
- Имя: Кирилл
Изменение кнопки при наведении на блок
Привет всем! Ну Вы даёте, всё на css делается элементарно, вот пример Айдишники слоя и кноки свои конечно же, для плавности в кнопке надо прописать в особом стиле transition: all .35s linear;
Код: Выделить всё
<style>
#Layer1:hover #Button2{
background: red;
}
</style>создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853
Платные консультации
Готовые решения
Скайп: kirill47853
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость

