Эмуляция наведения мышки. Как?

  • Автор темы Mastyf
  • Дата начала
Статус
Закрыто для дальнейших ответов.
M

Mastyf

Гость
#1
Идея такая.

Есть input type="button", а на него абсолютным позиционированнием кладётся нужная картинка.

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

Пример: http://www.shiloff.ru/example.htm

Полностью картинкой инпут делать не хочется, хочу доделать свою идею.
 

ioni

Well-Known Member
11.05.2006
340
0
#2
Что-то нас решили почистить....
На знаю - у меня вот так работает :)
Код:
<form id="General">
<p>some general text</p>
<input type="button" id="btnGeneral" value="hello!">
<img src="strelka.gif" style="position:absolute; top:50px; left:30px;" onMouseOver="document.forms.General.btnGeneral.focus()" onMouseOut="document.body.focus()">
</form>
Должно еще получаться через document.GetElementbyID(elementID).
Это не совсем настоящее наведение получается, но кнопка (по крайней мере у меня) подсвечивается и эмуляция эмулируется :)
 
M

Mastyf

Гость
#3
Хм... прийду завтра на работу и попробую. о результатах обязательно доложусь :)

Благодарю за совет.
 
M

Mastyf

Гость
#4
не хочет :D

Пример кода:

Код:
function MouseOver(id) {
var obj = document.getElementById(id)
obj.focus()
}

<div style="position:absolute;"><input id="companyCB_button" type="button" onfocus="blur()" onclick="alert('click'); return false;" style="height:24px; width:19px;" value=""><img src="strelka.gif" OnMouseOver="MouseOver('companyCB_button')" onclick="alert('click'); return false;" style="position:absolute; top:9px; left:5px;"></div>
 

ioni

Well-Known Member
11.05.2006
340
0
#5
Код:
<script>
function scr_on(passid)
{
document.getElementById(passid).focus()
}

</script>
<form id="General">
<p>some general text</p>
<input type="button" id="btnGeneral" value="hello!">
<img src="strelka.gif" style="position:absolute; top:50px; left:60px;" onMouseOver="scr_on('btnGeneral');" onMouseOut="document.body.focus()">
</form>
Смотри :D
 
Статус
Закрыто для дальнейших ответов.