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

[ardrigonuz]

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

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

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

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

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

1.jpg

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

2.jpg

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

3.jpg

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

4.jpg

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

[Alex]

Это можно спокойно сделать при помощи Событий , несколько кликов

[ardrigonuz]

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

[Alex]

А , ну я не внимательно прочитал ...

[upglad]

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

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


Вставил ссылку <a href="<input type="submit" id="Button1" name="" value="Подтвердить">

[purbi4]

Тема очень интересная но что то не выходит по вашей схеме. Задача поставить на 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]

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]

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