Назначение событий RollOver изображениям  [РЕШЕНО]

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

Автор Темы
ardrigonuz

Назначение событий RollOver изображениям

Сообщение ardrigonuz » 23 мар 2012, 18:28

Программа Web Builder не позволяет назначать события RollOver изображениям. К примеру, если Вы хотите сделать собственные кнопки с помощью RollOver изображений, которые бы менялись при наведении курсора и назначить им события, то в данном случаи, через стандартное меню свойств объекта это сделать не удастся.

Решение здесь простое: нужно скопировать часть кода необходимого события (это JavaScript функция) и вставить его как ссылку в свойствах RollOver изображения.

Как определить нужный код события?

Для этого надо просто создать элемент, который содержит вкладку события. Назначить нужное событие и посмотреть сгенерированный код. Это будет простая ссылка с функцией JavaScript.

Следует обратить внимание на выделенный участок кода:
1.jpg


Здесь нам достаточно скопировать тот фрагмент кода, который будет необходимо вставить, как ссылку в RollOver изображение:
2.jpg

Вставляем код как ссылку:
3.jpg

В результате программа сгенерирует точно такой же код, как и выше, но уже для RollOver изображения:
4.jpg

Данным образом можно создавать свои кнопки для форм, реализовать кнопку поиска и прочее. :)
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

Alex
Admin
Admin
Сообщения: 3160
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Re: Назначение событий RollOver изображениям  [РЕШЕНО]

Сообщение Alex » 02 апр 2012, 21:30

Это можно спокойно сделать при помощи Событий , несколько кликов ;)
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!


Автор Темы
ardrigonuz

Re: Назначение событий RollOver изображениям

Сообщение ardrigonuz » 05 апр 2012, 18:54

Если событий нет у объекта, то как их ему назначить и написано здесь. ;)

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

Alex
Admin
Admin
Сообщения: 3160
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Re: Назначение событий RollOver изображениям

Сообщение Alex » 05 апр 2012, 19:03

А , ну я не внимательно прочитал ... :roll:
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!


Автор Темы
upglad

Re: Назначение событий RollOver изображениям

Сообщение upglad » 10 окт 2013, 22:04

Добавил к управляемому изображению ссылку, как описано в первом посте, а в изображении появилось какое-то искажение.

Управляемое изображение (rollover) в данном случае песочные часы. Почему-то изображение кнопки накладывается.


Вставил ссылку <a href="<input type="submit" id="Button1" name="" value="Подтвердить">
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

purbi4
Читатель
Читатель
Сообщения: 17
Зарегистрирован: 15 авг 2013, 09:24

Re: Назначение событий RollOver изображениям

Сообщение purbi4 » 02 ноя 2013, 14:45

Тема очень интересная но что то не выходит по вашей схеме. Задача поставить на RollOver открытие в lightbox и звук кнопки когда на нее наводишь.
Изначально код выглядит так: <a href="javascript:displaylightbox('./страница1.html',{})" target="_self">

Звуковой код: <a href="#" onmousemove="PlayAudio('MediaPlayer1');return false;"

По вашей схеме я вставляю в URL звуковую часть, выходит такой бред :<a href="javascript:displaylightbox('./страница1.html?#" onmousemove="PlayAudio('MediaPlayer1');return false;',{})" target="_self">

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

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

purbi4
Читатель
Читатель
Сообщения: 17
Зарегистрирован: 15 авг 2013, 09:24

Re: Назначение событий RollOver изображениям

Сообщение purbi4 » 02 ноя 2013, 15:35

RollOver. Кнопки со звуком. Я разобрался не буду удалять может кому пригодиться.

1) Делаем RollOver изображения которое вам нужно и ставим на него любое открытие какое вам надо.

2) Создаем MediaPlayer1 с нужным вам звуком

3) Создаем элемент, который содержит вкладку события, запускающий наш звук, копируем тот фрагмент кода, который будет необходимо вставить в RollOver.

У меня он выглядит так: <a href="#" onmouseover="PlayAudio('MediaPlayer1');return false;">

4)Открываем RollOver в HTML. Выберем закладку "В теге" и вставляем наш код без последней кавычки: <a href="#" onmouseover="PlayAudio('MediaPlayer1');return false;"

5) Жмем ОК радуемся.

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

Shnups
Неофит
Сообщения: 1
Зарегистрирован: 15 янв 2015, 04:07
Версия Web Builder: 10.0.1

Назначение событий RollOver изображениям

Сообщение Shnups » 15 окт 2015, 21:28

Испытано. Создаём слой размером с RollOver, в событиях слоя назначаем всё, что нам надо. Затем закрепляем (чтоб рамочка слоя посинела) на слое наш RollOver с теми ссылками, что нам нужны и наслаждаемся


Ответить Вложения 5

Вернуться в «WYSIWYG Web Builder Советы, рекомендации, учебники и примеры кода.»

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

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