|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
23.12.2011, 18:20 | #1 |
Пользователь
Регистрация: 14.01.2011
Сообщений: 97
|
Универсальное событие в JavaScript
Здравствуйте, Друзья. у меня есть несколько компонентов image на Html странице. написал код, который меняет изображение при наведении мышью. вот в чём вопрос: как обратиться к компоненту, который вызвал событие? вот код
Код HTML:
<html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <script language="JavaScript" type="text/javascript"> <!-- function im1() { ОБЪЕКТ КОТОРЫЙ ВЫЗВАЛ СОБЫТИЕ.src ='img/titlebutton1.jpg'; } function im0() { ОБЪЕКТ КОТОРЫЙ ВЫЗВАЛ СОБЫТИЕ.src ='img/titlebutton0.jpg'; } //--> </script> <body> <div align="center"> <img Src="title.jpg"><br> <a href="tems.html" onMouseOver="im1()" onMouseOut="im0()"><img Src="img/titlebutton0.jpg" name="img1"></a> </div> </body> </html> |
23.12.2011, 18:42 | #2 |
Пользователь
Регистрация: 14.01.2011
Сообщений: 97
|
Всем спасибо!Решение нашлось.
Код HTML:
<html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <script language="JavaScript" type="text/javascript"> <!-- function im1(element) { this.src ='img/titlebutton1.jpg'; } function im0(element) { this.src ='img/titlebutton0.jpg'; } //--> </script> <body> <div align="center"> <img Src="title.jpg"><br> <a href="tems.html" ><img Src="img/titlebutton0.jpg" name="img1" onMouseOver="im1.call(this)" onMouseOut="im0.call(this)"></a> </div> </body> </html> |
23.12.2011, 18:49 | #3 |
Форумчанин
Регистрация: 08.07.2010
Сообщений: 679
|
Код:
// P.P.S Хотя нет, я ошибся, вы же там еще функцию через call вызываете ... ну тогда this правильно ... но как-то в данном случае без особой необходимости Последний раз редактировалось Cronos20; 23.12.2011 в 19:00. |
23.12.2011, 19:15 | #4 |
Форумчанин
Регистрация: 26.04.2010
Сообщений: 450
|
Vervolf, какая вообще задача? Пока все тот же this...
Код:
Тишина – самый громкий звук
|
23.12.2011, 20:05 | #5 |
Пользователь
Регистрация: 14.01.2011
Сообщений: 97
|
задача была следующая: при наведении мышью на изображение, меняется само изображение, при выводе мыши из области объекта, изображение снова меняется на стандартное. Всем Спасибо!всё работает.
|
23.12.2011, 21:02 | #6 |
Пользователь
Регистрация: 14.01.2011
Сообщений: 97
|
в результате вот как сделал:
Код HTML:
<html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <script language="JavaScript" type="text/javascript"> <!-- function im(element,s) { element.src = s; } //--> </script> <body> <a href="index.html" TARGET="_top"><img src="img/but/totitul0.jpg" name="img1" onMouseOver="im(this,'img/but/totitul1.jpg')" onMouseOut="im(this,'img/but/totitul0.jpg')"></a><br> <a href="t1.html" target="frame2"><img src="img/but/1theme0.jpg" name="img1" onMouseOver="im(this,'img/but/1theme1.jpg')" onMouseOut="im(this,'img/but/1theme0.jpg')"></a><br> <a href="t2.html" target="frame2"><img src="img/but/2theme0.jpg" name="img1" onMouseOver="im(this,'img/but/2theme1.jpg')" onMouseOut="im(this,'img/but/2theme0.jpg')"></a><br> <a href="t3.html" target="frame2"><img src="img/but/3theme0.jpg" name="img1" onMouseOver="im(this,'img/but/3theme1.jpg')" onMouseOut="im(this,'img/but/3theme0.jpg')"></a><br> <a href="t4.html" target="frame2"><img src="img/but/4theme0.jpg" name="img1" onMouseOver="im(this,'img/but/4theme1.jpg')" onMouseOut="im(this,'img/but/4theme0.jpg')"></a><br> <a href="t5.html" target="frame2"><img src="img/but/5theme0.jpg" name="img1" onMouseOver="im(this,'img/but/5theme1.jpg')" onMouseOut="im(this,'img/but/5theme0.jpg')"></a><br> </body> </html> |
25.12.2011, 17:00 | #7 |
Старожил
Регистрация: 24.01.2011
Сообщений: 3,034
|
извините, судя из Вашего кода файлы
1theme0.JPG 1theme1.JPG 2theme0.JPG 2theme1.JPG 3theme0.JPG 3theme1.JPG 4theme0.JPG 4theme1.JPG 5theme0.JPG 5theme1.JPG по какому адресу должны быть?? я пробовал, чтобы они были там же где и html файл - не работает |
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
JavaScript/JQuery!? Как повесить повесить фунцию на событие load? | AlienNation | JavaScript, Ajax | 0 | 30.09.2011 17:40 |
Javascript - классы, они есть или их нету в Javascript? | Kasper1 | JavaScript, Ajax | 3 | 05.03.2011 09:42 |
Событие в JavaScript | Ruska882009 | Помощь студентам | 1 | 25.03.2009 12:44 |
Событие | vitamin.rulez | Помощь студентам | 7 | 10.02.2009 11:46 |
Событие | maha | Общие вопросы Delphi | 6 | 18.06.2008 18:53 |