Как активировать радиобаттон при нажатии на картинку?

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

Автор Темы
kylhavets
Интересующийся
Интересующийся
Сообщения: 36
Зарегистрирован: 04 май 2014, 19:01
Версия Web Builder: 9.1.3

Как активировать радиобаттон при нажатии на картинку?

Сообщение kylhavets » 15 окт 2015, 11:11

Привет ребята, есть форма и в ней нужно указать цвет товара (картинка), нужно чтобы после нажатия на картинку активировался радиобаттон. Как такое сделать?
Просто оставить радиобаттон не подходит (не вписываеться в дизайн)
Возможно через событие, но не понимаю какое....
Может еще есть какие-то идеи.
Спасибо!

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

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

Как активировать радиобаттон при нажатии на картинку?

Сообщение Gudwinn » 15 окт 2015, 15:38

Вот набросал по быстрому как сделать картинку радиобатоном http://selekt.offershop.ru/radioknopka/ В исходнике страницы в хедере правится размер картинки и урл прописывается, в исходнике радиобатона после тега , после label for вставлять ID текущего радиобатона. Исходники - http://selekt.offershop.ru/radioknopka/radioknopka.zip
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
kylhavets
Интересующийся
Интересующийся
Сообщения: 36
Зарегистрирован: 04 май 2014, 19:01
Версия Web Builder: 9.1.3

Как активировать радиобаттон при нажатии на картинку?

Сообщение kylhavets » 15 окт 2015, 18:31

Gudwinn писал(а):Вот набросал по быстрому как сделать картинку радиобатоном http://selekt.offershop.ru/radioknopka/ В исходнике страницы в хедере правится размер картинки и урл прописывается, в исходнике радиобатона после тега , после label for вставлять ID текущего радиобатона. Исходники - http://selekt.offershop.ru/radioknopka/radioknopka.zip


Спасибо большое, наконец разобрался... А как ето сделать с 4 разними картинками и чтобы их размещение было по горизонтали?

Отправлено спустя 6 минут 12 секунд:
Gudwinn писал(а):Вот набросал по быстрому как сделать картинку радиобатоном http://selekt.offershop.ru/radioknopka/ В исходнике страницы в хедере правится размер картинки и урл прописывается, в исходнике радиобатона после тега , после label for вставлять ID текущего радиобатона. Исходники - http://selekt.offershop.ru/radioknopka/radioknopka.zip


И сами картинки не на той позиции находяться где били радиобаттоны а смещаються....
Может можно как-то активировать радиобаттон при нажатии на картинку, а в самом радиобаттоне отключить непрозрачность?

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

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

Как активировать радиобаттон при нажатии на картинку?

Сообщение Gudwinn » 15 окт 2015, 19:01

Это всё элементарно делается при помощи стилей)) сдвигается, пододвигается. В данный момент при клике на картинку радиобаттон активируется и так, так как картинка и есть радиобаттон)
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

alexa
Втянувшийся
Втянувшийся
Сообщения: 72
Зарегистрирован: 22 апр 2015, 12:51
Версия Web Builder: 10.3.3

Как активировать радиобаттон при нажатии на картинку?

Сообщение alexa » 15 окт 2015, 23:00

Gudwinn писал(а):Это всё элементарно делается при помощи стилей)) сдвигается, пододвигается. В данный момент при клике на картинку радиобаттон активируется и так, так как картинка и есть радиобаттон)



что то как то пустая страница http://selekt.offershop.ru/radioknopka/

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

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

Как активировать радиобаттон при нажатии на картинку?

Сообщение Gudwinn » 15 окт 2015, 23:25

Страница не пустая, каждая картинка это радиокнопка.
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

alexa
Втянувшийся
Втянувшийся
Сообщения: 72
Зарегистрирован: 22 апр 2015, 12:51
Версия Web Builder: 10.3.3

Как активировать радиобаттон при нажатии на картинку?

Сообщение alexa » 15 окт 2015, 23:32

я просто не знаю, что такое радио кнопка )))


Ответить

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

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

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