Java-скрипты Выпадающее меню Автоматическая пересылка на страничку

Java-скрипты

Нажимающаяся кнопка

Наверно Вы не раз видели как картинка сменяется другой картинкой при наведении на нее мышкой. Этот эффект реализуется при помощи Java-скрипта. Скрипт состоит из двух частей. Первая часть вставляется в html всего один раз. А вторую придется вставить столько раз сколько у Вас на страничке будет сменяющихся картинок. Как всегда надписи отмеченные красным необходимо подправить:

Первая часть:

<SCRIPT LANGUAGE="JavaScript">
<!--//

browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion);

if (browser_name == "Netscape" && browser_version >= 3.0) { roll = 'true'; }
else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 3.0) { roll = 'true'; }
else { roll = 'false'; }

function over(img,ref) { if (roll == 'true') { document.images[img].src = ref; } }
function out(img,ref) { if (roll == 'true') { document.images[img].src = ref; } }

if (roll == 'true')
{
a1=new Image;a1.src="image1.gif";
a2=new Image;a2.src="image2.gif";
...
aX=new Image;aX.src="imageX.gif";

}
//-->
</SCRIPT>

В конце первой части скрипта производится подгрузка изображений нажимающихся кнопок. Необходимо подгрузить картинки нажатой и не нажатой кнопок.
...
aX=new Image;aX.src="imageX.gif";
Эти две строчки показывают то, что необходимо прописать подгрузку всех картинок. В работающем скрипте не должно быть троеточия и вместо X должно быть число

Вторая часть:

Что есть что:
page.htm - имя файла ссылки
image_name - Имя картинки, необходимо чтобы java-скрипт знал какую картинку менять. У каждой картинки должно быть свое имя.
image1.gif - Файл не нажатой кнопки.
image2.gif - Файл нажатой кнопки (будет на месте картинки image1.gif при наведении на нее мышкой)

Выпадающее меню

Оно делается очень просто, синтаксис (надписи отмеченные красным необходимо откорректировать):

<form>
<select name="menu">
<option selected value="../soveti.htm">Советы
<option value="../kartinki.htm">Картинки
<option value="../web_design.htm">Веб дизайн
<option value="../moi_raboti.htm">Мои работы
</select>
<input type=button value="Ok"
onclick="top.location.href =
this.form.menu.options[this.form.menu.selectedIndex].value">
</form>

Слово selected определяет положение меню по умолчанию.
Если вы хотите использовать несколько выпадающих меню на странице - у каждого меню должно быть индивидуальное имя, у этого оно menu. Например если будет два меню тогда во втором меню пропишите menu1 вместо menu.

Автоматическая пересылка на страничку

Используйте html файл приведенный ниже для пересылки со странички на другую страничку без вопросов у пользователя (надписи отмеченные красным необходимо откорректировать):

<HTML>
<HEAD>
<META HTTP-EQUIV="REFRESH" CONTENT="1; URL=http://www.куда.пересылать">
<script language="JavaScript">  </script>
<CENTER><P><B><FONT SIZE=+4><A HREF="http://www.куда.пересылать">название сайта куда отсылаем</A></FONT></B></P></CENTER>
</BODY>
</HTML

Определение типа браузера

Используйте html код приведенный ниже для пересылки со странички на другие странички в зависимости от типа браузера используемого пользователем (надписи отмеченные красным необходимо откорректировать):

<script language="JavaScript">

</script>

Свой текст в строке состояния

Для того чтобы поместить свой текст в строку состояния браузера необходимо доработать BODY тег. Вот так (надписи отмеченные красным необходимо откорректировать):

<body .... onLoad="window.defaultStatus='Ваш текст тут'">

Самодельная кнопка "назад"

Полезно создавать кнопку "назад" (back) на своей странице. Ниже находится небольшой скрипт позволяющий воплотить эту идею. Она реализована обычным HREF тегом, который используется для создания ссылок (надписи отмеченные красным необходимо откорректировать):

<A HREF="javascript:history.back()" onMouseOver="window.status='Назад';return true">Назад(или другой Ваш текст)</A>

Результат: Назад

P.S. На тех страницах где используется данный скрипт желательно установить Свой текст в сроке состояния, потому что если этого не сделать после увода мышки с сылки текст строки состояния не поменяется обратно.

Меняем строку состояния мышкой

Если Вы хотите чтобы при указании на ссылку в строке состояния писался заданный Вами текст, то придеться немного доработать HREF тег (надписи отмеченные красным необходимо откорректировать):

<A HREF="страница.htm" onMouseOver="window.status='Ваш текст тут';return true">

Наведите мышкой на эту ссылку чтобы увидеть результат.

А где же разместить созданный вами сайт?

Дальше Место размещения сайта

Сделать
стартовой

Exit