Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> не срабатывает onmouseleave/onmouseout, все перепробывал! 
:(
    Опции темы
godsgame
Дата 2.7.2007, 01:13 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 241
Регистрация: 29.8.2005

Репутация: нет
Всего: нет



Доброй ночи,

проблема проста:
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/mo...on-ie-browsers/
http://www.gotdotnet.ru/Forums/Web/460064.aspx
http://js2.ru/subs/subs018xmp.shtml


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

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

Это сообщение отредактировал(а) 12345c - 3.3.2008, 11:42
PM MAIL   Вверх
godsgame
Дата 2.7.2007, 19:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 241
Регистрация: 29.8.2005

Репутация: нет
Всего: нет



Объясню другими словами:

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

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



Это сообщение отредактировал(а) godsgame - 2.7.2007, 19:35
PM MAIL   Вверх
ksnk
Дата 2.7.2007, 19:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386



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


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
godsgame
Дата 2.7.2007, 20:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 241
Регистрация: 29.8.2005

Репутация: нет
Всего: нет



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>

PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0447 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.