Полезные Java Scripts для вашего сайта
В этой статье я предлагаю Вам несколько
полезных кодов для Web-страниц на JavaScript.
Скрипты для любых
страниц
Важно, чтобы информация на Ваших страничках
была компактно оформлена и Ваша страничка
занимала не более 10 K, это может быть выполнено
только при помощи замены большей части графики
на Java Script! Но есть один минус - не все броузеры их
воспринимают, но я считаю что это не большой
минус, так как по русcкоязычным страницам ходят 99%
людей с последними версиями броузеров IE и Netscape, а
грузятся такие странички на много быстрее.
Ниже приведен код формы
комбобокса-пересыльщика с кнопкой (Красным
выделены места, которые необходимо заменить).
<form>Ваш текст
(Навигация по серверу) <SELECT NAME="P1" >
<option selected value="#">Выберите
категорию</option>
<option value="Ваш_URL1.htm">заголовок 1</option>
................
<option value="Ваш_URL(n).htm">заголовок(n)</option>
</select><input type="Button" value="Поехали"
onclick="location.href = P1.options[P1.selectedIndex].value ;"></form>
Выглядит это так:
Можно сделать такой же
пересыльщик, но без кнопки
<form>Ваш текст
(Навигация по серверу) <SELECT NAME="P1"
onChange="location.href = P1.options[P1.selectedIndex].value ;">
<option selected value="#">Выберите
категорию</option>
<option value="Ваш_URL1.htm">заголовок 1</option>
................
<option value="Ваш_URL(n).htm">заголовок(n)</option>
</select></form>
Очень сильно можно сэкономить место при
помощи апплетов (всевозможные прокрутки, бегущие
строчки...) да и украсить странички не мешало бы.
Апплеты можно взять на страничке Лучшие Апплеты!
Далее будут описаны не менее полезные скрипты.
Простенький, но очень полезный скрипт - кнопки
вперед, назад
<SCRIPT="Javascript">
<form>
<INPUT TYPE="button" VALUE=" <-- Back
" onClick="history.go(-1)">
<INPUT TYPE="button" VALUE="Forward -->"
onCLick="history.go(1)">
</FORM>
</SCRIPT>
Выглядит это так:
При наведении на ссылку мышки откроется
окно с этой ссылкой
<a href="Doesn't matter" TARGET="_blank"
onMouseOver="parent.location='URL.htm'">Ваш текст</a>
Выглядит это так:
Ваш текст
Скрипты для
страниц с фреймами
Посетители часто запоминают
адрес странички с необходимой им информацией,
Потом, когда они туда заходят, они не могут
перейти в другой раздел сайта, так, как меню
находится во фрейме, в таком случае либо нужно
дублировать меню, либо добавить скрипт,
приведенный ниже (лучше всего расположить его в
теге head)
<SCRIPT LANGUAGE="JavaScript">
<!--
if (self.parent.frames.length == 0)
self.parent.location="URLс фреймом.htm";
// -->
</SCRIPT>
Нередко бывает, что другие неопытные
создатели страничек делают ссылку на Ваш сайт из
фрейма и забывают указать target="_top" и
вследствие этого Ваша страничка грузится во
фрейме. Так вот этот скрипт позволяет добиться
эффекта, что при загрузке Вашей странички
разбиение окна браузера на фреймы исчезает
(надписи отмеченные красным необходимо
откорректировать, лучше всего расположить его в
теге head)
<SCRIPT LANGUAGE="JavaScript">
<!--
setTimeout ("changePage()", 100);
function changePage() {
if (self.parent.frames.length != 0)
self.parent.location="URL.htm";
}
// -->
</SCRIPT>
Читайте также: Активные
картинки
