Java. не срабатывает скрипт
в данном скрипте при наведение мышки на рисунок, рисунок должен заменятся другим, но он не хочет.
Код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="windows-1251">
<script language="javascript">
//Первая кнопка
IMAGE1on = new image;
IMAGE1on.src = "Skype Time.png";
IMAGE1off = new image;
IMAGE1off.src = "Skype.png";
//Вторая кнопка
IMAGE2on = new image;
IMAGE2on.src = "Skype-ahoy.png";
IMAGE2off = new image;
IMAGE2off.src = "Skype Jah.png";
//Указатель сверху
function mouse_on(objekt){
imgOn = eval(objekt + "on.src");
document[objekt].src = imgOn;
}
//Указатель убран
function mouse_off(objekt){
imgOff = eval(objekt + "off.src");
document[objekt].src = imgOff;
}
</script>
</head>
<body>
<table align="left" border="0" cellspacing="3" cellpadding="8">
<tr>
<!--Первая кнопка-->
<td><a href="url" onMouseover="mouse_on('IMAGE1')"
onMouseout="mouse_off('IMAGE1')"><IMG src="Skype.png" name="IMAGE1"
alt="Page 1" border="0"></a>
<!--Вторая кнопка-->
<td><a href="url" onMouseover="mouse_on('IMAGE2')"
onMouseout="mouse_off('IMAGE2')"><IMG src="Skype Jah.png" name="IMAGE2"
alt="Page 2" border="0"></a>
</table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="windows-1251">
<script language="javascript">
//Первая кнопка
IMAGE1on = new image;
IMAGE1on.src = "Skype Time.png";
IMAGE1off = new image;
IMAGE1off.src = "Skype.png";
//Вторая кнопка
IMAGE2on = new image;
IMAGE2on.src = "Skype-ahoy.png";
IMAGE2off = new image;
IMAGE2off.src = "Skype Jah.png";
//Указатель сверху
function mouse_on(objekt){
imgOn = eval(objekt + "on.src");
document[objekt].src = imgOn;
}
//Указатель убран
function mouse_off(objekt){
imgOff = eval(objekt + "off.src");
document[objekt].src = imgOff;
}
</script>
</head>
<body>
<table align="left" border="0" cellspacing="3" cellpadding="8">
<tr>
<!--Первая кнопка-->
<td><a href="url" onMouseover="mouse_on('IMAGE1')"
onMouseout="mouse_off('IMAGE1')"><IMG src="Skype.png" name="IMAGE1"
alt="Page 1" border="0"></a>
<!--Вторая кнопка-->
<td><a href="url" onMouseover="mouse_on('IMAGE2')"
onMouseout="mouse_off('IMAGE2')"><IMG src="Skype Jah.png" name="IMAGE2"
alt="Page 2" border="0"></a>
</table>
</body>
</html>
Пример брал из книги Алексея Гончарова. Конечно много чего изменилось с 2000 года, но все таки хотелось бы узнать в чем дело, работает ли этот скрипт еще:confused: .
Алгоритм такой:
- в кэш браузера складываются все картинки
- когда курсор над объектом - показываем одну картинку из кэша
- когда курсор выходит из объекта - показываем другую
- дефолтом показываем ту, которая дефолтом.
PS. Посмотри на имя своего браузера. document.IMAGE1.src не везде работает.
Я вот так думаю что в примере то было с большой буковки!?
P. S. Примеры можно и не переписывать, главное их понимать (ИМХО)
Цитата: whitehood
Код работает, просто надо поменять image на Image
Я вот так думаю что в примере то было с большой буковки!?
P. S. Примеры можно и не переписывать, главное их понимать (ИМХО)
Я вот так думаю что в примере то было с большой буковки!?
P. S. Примеры можно и не переписывать, главное их понимать (ИМХО)
Вот-вот. Понимать...
На самом деле, тебе нужно использовать getElementById() - метод объекта document. Таким образом ты гарантируешь себе работоспособность скрипта в браузерах IE и Gecko.
Цитата: mfender
А ты тему-то понял, об чём скрипт? Это же пример, разжёванный уже.
Спасибо за еще раз разжеванный пример. Понять то я его конечно понял)) изначально.
Цитата: whitehood
Код работает, просто надо поменять image на Image
Спасибо огромнейшее, действительно надо было писать с большой буквы, моя ошибка )=
а я думал здесь про Java :D