Как модифицировать скрипт

Vladzver · 14.11.2010, 19:19

Всем доброго времени суток! Помогите справиться с задачкой!

Есть изображения 1.gif, 2.gif, 3.gif, 4.gif. С помощью небольшого скрипта при наведении мышки на первое изображение, появляется картинка-ссылка schilda1.gif; при наведении на второе изображение появляется картика-ссылка schilda2.gif и т.д.
Разумеется, при этом картинки-ссылки сменяют одна другую.

Ссылки эти должны вести на разные страницы (например, на "site1.html" и на "site2.html" и т.д.).
Сейчас скрипт написан так, что ссылки, сменяя друг друга ведут на одну и ту же страницу.

Как изменить скрипт и HTML-код, чтобы получить желаемый эффект?

Это код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Сменяющиеся ссылки</title>
<script src="textdiv.js" type="text/javascript"></script>
</head>

<body>
<a href="#" onMouseover="changetext(content[1])"><img src="img/1.gif" alt=""></a>
<a href="#" onMouseover="changetext(content[2])"><img src="img/2.gif" alt=""></a>
<a href="#" onMouseover="changetext(content[3])"><img src="img/2.gif" alt=""></a>
<a href="#" onMouseover="changetext(content[4])"><img src="img/2.gif" alt=""></a>

<a href="site1.html"><div id="descriptions"></div></a>

</body>
</html>

А это файл "textdiv.js" со скриптом:

// JavaScript Document
var content=new Array()
content[1]='<big><img src="img/schilda1.gif" border="0"></big>'
content[2]='<big><img src="img/schilda2.gif" border="0"></big>'
content[3]='<big><img src="img/schilda3.gif" border="0"></big>'
content[4]='<big><img src="img/schilda4.gif" border="0"></big>'

function regenerate(){
window.location.reload()
}

function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",450)
}
}

function changetext(whichcontent){
if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.a ll.descriptions
cross_el.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}
}

function appear(){
document.d1.visibility='show'
}
window.onload=regenerate2

Макс-Текс · 15.11.2010, 13:34

Если заменить:

Код HTML:

href="#"

на:

Код HTML:

href="site1.html"

и др.
проблема решится?

Добавлено через 2 часа 38 минут

Вместо:

Код HTML:

<a href="site1.html"><div id="descriptions"></div></a>

Нужно:

Код HTML:

<div id="descriptions"></div>

А в JS заменить блок:

Код:

content[1]='<big><img src="img/schilda1.gif" border="0"></big>'
content[2]='<big><img src="img/schilda2.gif" border="0"></big>'
content[3]='<big><img src="img/schilda3.gif" border="0"></big>'
content[4]='<big><img src="img/schilda4.gif" border="0"></big>'

На блок:

Код:

content[1]='<big><a href="site1.html"><img src="img/schilda1.gif" border="0" /></a></big>'
content[2]='<big><a href="site2.html"><img src="img/schilda2.gif" border="0" /></a></big>'
content[3]='<big><a href="site3.html"><img src="img/schilda3.gif" border="0" /></a></big>'
content[4]='<big><a href="site4.html"><img src="img/schilda4.gif" border="0" /></a></big>'

Vladzver · 21.11.2010, 15:23

Цитата:

Сообщение от Макс-Текс

Если заменить:

Код HTML:

href="#"

на:

Код HTML:

href="site1.html"

и др.
проблема решится?

Спасибо! Заработало!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
скрипт FAQ	barashek	ASP, Perl, PHP и MySQL	2	26.09.2008 05:48
Скрипт с ИЕ	BleSSeD	HTML, CSS, JavaScript	12	30.08.2008 13:05
Скрипт ПР и ТИЦ	Мерлин	ASP, Perl, PHP и MySQL	17	18.04.2008 10:34
Что это за скрипт?	Vladimiroff	ASP, Perl, PHP и MySQL	6	12.12.2006 01:28
Ищу скрипт	GLUK	ASP, Perl, PHP и MySQL	17	17.02.2006 01:17

14.11.2010, 19:19	#1
Vladzver	Всем доброго времени суток! Помогите справиться с задачкой! Есть изображения 1.gif, 2.gif, 3.gif, 4.gif. С помощью небольшого скрипта при наведении мышки на первое изображение, появляется картинка-ссылка schilda1.gif; при наведении на второе изображение появляется картика-ссылка schilda2.gif и т.д. Разумеется, при этом картинки-ссылки сменяют одна другую. Ссылки эти должны вести на разные страницы (например, на "site1.html" и на "site2.html" и т.д.). Сейчас скрипт написан так, что ссылки, сменяя друг друга ведут на одну и ту же страницу. Как изменить скрипт и HTML-код, чтобы получить желаемый эффект? Это код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Сменяющиеся ссылки</title> <script src="textdiv.js" type="text/javascript"></script> </head> <body> <a href="#" onMouseover="changetext(content[1])"><img src="img/1.gif" alt=""></a> <a href="#" onMouseover="changetext(content[2])"><img src="img/2.gif" alt=""></a> <a href="#" onMouseover="changetext(content[3])"><img src="img/2.gif" alt=""></a> <a href="#" onMouseover="changetext(content[4])"><img src="img/2.gif" alt=""></a> <a href="site1.html"><div id="descriptions"></div></a> </body> </html> А это файл "textdiv.js" со скриптом: // JavaScript Document var content=new Array() content[1]='<big><img src="img/schilda1.gif" border="0"></big>' content[2]='<big><img src="img/schilda2.gif" border="0"></big>' content[3]='<big><img src="img/schilda3.gif" border="0"></big>' content[4]='<big><img src="img/schilda4.gif" border="0"></big>' function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ appear() setTimeout("window.onresize=regenerate",450) } } function changetext(whichcontent){ if (document.all\|\|document.getElementById){ cross_el=document.getElementById? document.getElementById("descriptions"):document.a ll.descriptions cross_el.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>' } else if (document.layers){ document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>') document.d1.document.d2.document.close() } } function appear(){ document.d1.visibility='show' } window.onload=regenerate2 Последний раз редактировалось Vladzver; 14.11.2010 в 19:26..

Опции темы
Версия для печати Отправить по электронной почте