Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 23.12.2011, 18:20   #1
Vervolf
Пользователь
 
Аватар для Vervolf
 
Регистрация: 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>
планируется несколько компонентов image. и чтобы не писать процедуры под каждый, нужна универсальная процедура.
Vervolf вне форума Ответить с цитированием
Старый 23.12.2011, 18:42   #2
Vervolf
Пользователь
 
Аватар для Vervolf
 
Регистрация: 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>
Vervolf вне форума Ответить с цитированием
Старый 23.12.2011, 18:49   #3
Cronos20
Форумчанин
 
Регистрация: 08.07.2010
Сообщений: 679
По умолчанию

Код:
<html>
<head>
 <title></title>
<link rel="stylesheet" type="text/css" href="style.css"> 
</head>
<script language="JavaScript" type="text/javascript">
<!--
function im(element, flag)
{
  element.src = (flag == 1)
    ?  'img/titlebutton1.jpg'
    :  'img/titlebutton0.jpg' ;
}
//-->
</script>
<body>
<div align="center">
<img Src="title.jpg"><br>
<a href="tems.html" onMouseOver="im(this, 1)" onMouseOut="im(this, 0)"><img Src="img/titlebutton0.jpg" name="img1"></a>

</div>

</body>
</html>
// P.S. Вы написали раньше, только внутри функции неверно this используете, но думаю это опечатка, а вообще чтобы сделать универсальное решение, как вы сами пишите, я бы сохранял путь к альтернативной картинке в атрибуте элемента и брал его оттуда в функции
// P.P.S Хотя нет, я ошибся, вы же там еще функцию через call вызываете ... ну тогда this правильно ... но как-то в данном случае без особой необходимости

Последний раз редактировалось Cronos20; 23.12.2011 в 19:00.
Cronos20 вне форума Ответить с цитированием
Старый 23.12.2011, 19:15   #4
nerv
Форумчанин
 
Аватар для nerv
 
Регистрация: 26.04.2010
Сообщений: 450
По умолчанию

Vervolf, какая вообще задача? Пока все тот же this...
Код:
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            body { margin: 15px; }
            div { background-color:green; height:50px; margin:10px; width:50px; }
        </style>
        <script type="text/javascript">
            function l(x) {
                alert(x.innerHTML);
            }
        </script>
    </head>
    <body>
        <div onmouseover="l(this);">1</div>
        <div onmouseover="l(this);">2</div>
    </body>
</html>
Тишина – самый громкий звук
nerv вне форума Ответить с цитированием
Старый 23.12.2011, 20:05   #5
Vervolf
Пользователь
 
Аватар для Vervolf
 
Регистрация: 14.01.2011
Сообщений: 97
По умолчанию

задача была следующая: при наведении мышью на изображение, меняется само изображение, при выводе мыши из области объекта, изображение снова меняется на стандартное. Всем Спасибо!всё работает.
Vervolf вне форума Ответить с цитированием
Старый 23.12.2011, 21:02   #6
Vervolf
Пользователь
 
Аватар для Vervolf
 
Регистрация: 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>
Vervolf вне форума Ответить с цитированием
Старый 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 файл - не работает
Ципихович Эндрю вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
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