Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы Как модифицировать скрипт в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Всем доброго времени суток! Помогите справиться с задачкой! Есть изображения 1.gif, 2.gif, 3.gif, 4.gif. С помощью небольшого скрипта при наведении мышки на первое ...


Закрытая тема
 
Опции темы
Старый 14.11.2010, 19:19   #1
Всем доброго времени суток! Помогите справиться с задачкой!

Есть изображения 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..
 
Старый 14.11.2010, 19:19
Ссылки
Старый 15.11.2010, 13:34   #2
Если заменить:
Код 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>'

Последний раз редактировалось Макс-Текс; 15.11.2010 в 13:34.. Причина: Добавлено сообщение
 
Старый 21.11.2010, 15:23   #3
Цитата:
Сообщение от Макс-Текс Посмотреть сообщение
Если заменить:
Код HTML:
href="#"
на:
Код HTML:
href="site1.html"
и др.
проблема решится?
Спасибо! Заработало!
 
Старый 21.11.2010, 15:23
Закрытая тема


Опции темы


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


Текущее время: 15:53. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум