Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > не срабатывает onmouseleave/onmouseout


Автор: godsgame 2.7.2007, 01:13
Доброй ночи,

проблема проста:
1) В Спане (span) есть текст.
2) Когда мышка заходит на спан - в спане появляется картинка
3) Мышка уходит - картинка меняется на другую картинку.

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

Вся разметка:
Код

<span id="sp" style="background-color: green" onmouseenter="document.getElementById('sp').innerHTML='<img src=\'/img/248.png\'>';" onmouseleave="document.getElementById('sp').innerHTML='<img src=\'/img/245.png\'>';">asdasds</span>


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


Пробовал и читал:
http://ecmascript.stchur.com/2007/03/15/mouseenter-and-mouseleave-events-for-firefox-and-other-non-ie-browsers/
http://www.gotdotnet.ru/Forums/Web/460064.aspx
http://js2.ru/subs/subs018xmp.shtml


С этими вариантами много кода получалось, но толку мало...

Помогите, пожалуйста..

Автор: godsgame 2.7.2007, 19:34
Объясню другими словами:

1) есть спан в который вставлены картинки (штуки 3 к примеру)
2) Когда наводишь на Спан - ВСЕ эти картинки меняются на другие картинки
3) Когда уводишь мышь со спана - картинки меняются обратно (как в пункте 1)

Если тестировать по отдельности 2) и 3) то все работает как надо,
но если делать их вместе то срабатывает только onmouseover,
а onmouseout/leave - не срабатывает! Почему?


Автор: ksnk 2.7.2007, 19:51
onmouseenter/onmouseleave - заменить на onmouseover/onmouseout
Вероятно, разумнее просто менять src у картинки в span'е, а не вес ь innerHtml?

Автор: godsgame 2.7.2007, 20:15
ksnk,

Цитата

onmouseenter/onmouseleave - заменить на onmouseover/onmouseout

--- не помогает. Эффект тот же самый.

Цитата

Вероятно, разумнее просто менять src у картинки в span'е, а не вес ь innerHtml?


да... скорей всего, но в моем случае тогда надо написать процедуру-анализатор,
которая берет иннерХТМЛ и делит его на картинки (<img...>) из которых берет
id и путь src.

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

Код

<span id="mainContainer">
  <img id="pic1" src="bla bla bla/1.gif">
  <img id="pic2" src="bla bla bla/2.gif">
  <img id="pic3" src="bla bla bla/3.gif">
</span>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)