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

[Mastyf]

Идея такая.

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

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

Пример:

Ссылка скрыта от гостей

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

 

[Andrew Stephanoff]

<input type="image" onmouseover=".." onmouseout=".." />

 

[Mastyf]

вы не поняли, нужно при наведении на картинку эмулировать наведение и на Button. И структура <input tupe="image" ... > не подходит, т.к. вид кнопки не будет менятся в зависимости от стиля Windows.

Ежу понятно, что надо вешать на картинку onmouseover, но вот какой событие?

 

[ioni]

Оффтоп: я запутался....
Что именно нужно сделать?

Над кнопкой картина.
Картинка должна считывать onMouseOver.
Кнопка - тоже?

 

[Gisma]

перед постом вопроса прочитай его вслух.
Неужели сложно в обрабтичике события картинки сложно вызвать который вызвался бы при нажатии на кнопку? Да и зачем такие сложности.
В общем формулируй мысль

 

[Mastyf]

Я прошу прощения, что всех запутал... Писал вопрос, запаренный на работе

Если вы посмотрите на пример. Там поверх кнопки лежит картинка.

Я хочу, чтобы при !важно наведении на картинку активировалась кнопка под ней.

Хочу это реализовать без подмены стилей, реально?

 

[Gisma]

осталось выяснить что такое активизировалась

 

[Mastyf]

Если вы наведёте мышкой на кнопку в Windows XP (в дефолтной теме), то кнопка (по краям) поменяет цвет. Хочется такого же эффекта при наведении на картинку.

 

[ioni]

Правильно ли я понял тебя, что нужна кнопка, которая зависит от стиля Windows с изображением, которое является постоянным?
Ну не важно...

Я бы попробовал перенести фокус на кнопку, нечто вроде

<form id="General">
<p>some general text</p>
<input type="button" id="btnGeneral" value="hello!">
<a href="#" onMouseOver="document.forms.General.btnGeneral.focus()" onMouseOut="document.body.focus()">Link</a>
</form>

Извини - легь было тестировать на изображении, но я абсоютно уверен, что принцип будет один и тот же - мышка над рисунком - фокус на кнопку (когда мышка над кнопкой фокус и так там будет), мышка ушла - фокус на весь документ.

onMouseOver="document.forms.General.btnGeneral.focus()" onMouseOut="document.body.focus()"

То, что надо?

 

[Mastyf]

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

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

 

[Mastyf]

не хочет

Пример кода:

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]

<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>

Копия из закрытой темы, но чтобы не искать потом долго.
в твоем скрипте - на фокус кнопка делает blur(), в результате - не подсвечивается. А оно тебе надо, чтобы она блюрилась?!


Чтобы совсем просто было - посмотри свой скрипт:

<script>
function MouseOver(id) {
var obj = document.getElementById(id)
obj.focus()
}
</script>
<div style="position:absolute;"><input id="companyCB_button" type="button" onclick="alert('click'); return false;" style="height:24px; width:19px;" value=" "><img src="strelka.gif" onMouseOver="MouseOver('companyCB_button')" onMouseOut="document.body.focus();" onclick="alert('click'); return false;" style="position:absolute; top:9px; left:5px;" ></div>

Единственно, что я добавил - это убрать focus с объекта, когда с картинки уходит мышка

 

[Mastyf]

blur() там для того, чтобы не появлялась рамка при клики на button

Причём blur() и неведение мышки на баттон работает по разному.

В общем, пришлось отказаться от кроссXPstyle кнопок. Всем спасибо.