Java-скрипты
·
Учебник JavaScript
·
*.JS, когда грузиться думаешь?
·
JavaScript спешит на помощь - 1
·
JavaScript спешит на помощь - 2
·
JavaScript спешит на помощь - 3
·
Скрипты JavaScript
·
PUZZLE на JavaScript
·
Кратко об объектах в JavaScript
·
Программируем драг на JavaScript
·
parse_str: из PHP в JavaScript
·
Обманщик спам-роботов
·
JavaScript: проблемы и решения
·
JavaScript: Переменные, величины,
имена и литералы
·
Выражения и операторы JavaScript
Нажимающаяся
кнопка
Наверно Вы не раз
видели как картинка сменяется другой картинкой при наведении на
нее мышкой. Этот эффект реализуется при помощи 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 должно быть число
Вторая часть:
<A HREF="page.htm" onMouseOver="over('image_name','image2.gif');"
onMouseOut="out('image_name','image1.gif');"><img
name="image_name"
alt="текст" src="image1.gif"
width=x
height=y
border="0"></A>
Что есть что:
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.
Уничтожитель фреймов
Этот скрипт полезно
использовать на главной страничке своего сервера. Нередко
бывает, что другие неопытные создатели страничек делают ссылку
на Ваш сайт из фрейма и забывают указать target="_top" и
вследствие этого Ваша страничка грузится во фрейме. Так вот этот
скрипт позволяет добиться такого эффекта, что при загрузке Вашей
странички разбиение окна браузера на фреймы исчезает.
Синтаксис
(надписи отмеченные красным необходимо откорректировать):
<SCRIPT
LANGUAGE="JavaScript">
<!--
setTimeout ("changePage()", 100);
function changePage() {
if (self.parent.frames.length !=
0)
self.parent.location="http://www.ваш.url";
}
// -->
</SCRIPT>
Автоматическая пересылка на
страничку
Используйте html файл
приведенный ниже для пересылки со странички на другую страничку
без вопросов у пользователя (надписи отмеченные красным
необходимо откорректировать):
<HTML>
<HEAD>
<META HTTP-EQUIV="REFRESH" CONTENT="1; URL=http://www.куда.пересылать">
<script language="JavaScript"> <!--
window.location.href = "http://www.куда.пересылать"
// --> </script>
<CENTER><P><B><FONT SIZE=+4><A HREF="http://www.куда.пересылать">название
сайта куда отсылаем</A></FONT></B></P></CENTER>
</BODY>
</HTML>
Определение типа браузера
Используйте html код
приведенный ниже для пересылки со странички на другие странички
в зависимости от типа браузера используемого пользователем
(надписи отмеченные красным необходимо откорректировать):
<script
language="JavaScript">
<!--
if (navigator.appName
== "Netscape") window.location.href = "Netscape.htm";
else if
(navigator.appName == "Microsoft Internet Explorer")
window.location.href = "explorer.htm";
else
window.location.href = "neizvestniy_brauser.htm";
// -->
</script>
Прибамбас к фреймам
Этот скрипт
предназначен для страниц с фрэймами. Представьте себе такую
картину: странник сети долго искал в поисковых машинах нужную
ему информацию и попал на одну из ваших страниц которая должна
быть во фрейме. Он посмотрит эту страницу и нажмет кнопку BACK
и навсегда забудет о вашем сайте. Так вот, этот скрипт
предназначен для того, чтобы пользователь не ушел бесследно ,а
зашел на главную страницу сайта и увидел что на нем еще есть.
Синтаксис
(надписи отмеченные красным необходимо откорректировать):
Этот
скрипт при открытии страницы на которой он размещен на весь
экран выдаст текст (при загрузки этой страницы во фрэйме этот
текст конечно же будет отсутствовать):
Лучше смотреть с управляющим
фреймом
<SCRIPT LANGUAGE="JavaScript">
<!--
if (self.parent.frames.length
== 0)
document.writeln("Лучше
смотреть с <A HREF=\"index.htm\">управлющим фреймом</A>");
// -->
</SCRIPT>
А этот скрипт прямо пересылает на заглавную страницу без
всяких вопросов
<SCRIPT
LANGUAGE="JavaScript">
<!--
if (self.parent.frames.length
== 0)
self.parent.location="index.htm";
// -->
</SCRIPT>
Использование буквы я в
java-script`е
Если Вы используете
Netscape Navigator или Communicator Вы наверняка попадали на
такие странички, где браузер начинал бесится (Navigator выдает
сообщение об ошибке в java-script`е, а в Communicator`е
открывается куча окошек и его приходится прерывать). И все это
получается из-за того, что на страничке используется буква "я" в
java-script`е. Самое удивительное это то, что IE работает с
буквой "я" корректно. Перейдем сразу к делу: чтобы с буквой "я"
нормально работал IE и Netscape необходимо перед буквой "я"
ставить косую черту "\" - вот такой простой, но очень актуальный
совет :).
Дата обновления документа
Этот скрипт
предназначен для экономии вашего времени. Используя его вам не
придется менять дату обновления документа при каждом его
изменении. Он особенно полезен, если Вы обновляете страницы
очень часто или используете стандартный кусок HTML текста
вызываемый посредством SSI на разных страницах.
<SCRIPT
LANGUAGE="JavaScript"><!--
document.writeln(document.lastModified)
//
--></SCRIPT>
результат:
06/28/1999 18:12:12
Для
браузера этот скрипт просто выдаст несколько символов, поэтому
если Вы хотите изменить стиль написания даты используйте обычные
HTML теги:
<FONT
SIZE="-2">Документ
обновлен:
<SCRIPT
LANGUAGE="JavaScript"><!--
document.writeln(document.lastModified)
// --></SCRIPT></FONT>
Свой текст в строке состояния
Для того чтобы
поместить свой текст в строку состояния браузера необходимо
доработать BODY тег. Вот так (надписи отмеченные красным
необходимо откорректировать):
<body .... onLoad="window.defaultStatus='Ваш текст тут'">
Самодельная кнопка "назад"
Полезно создавать
кнопку "назад" (back) на своей странице. Ниже находится
небольшой скрипт позволяющий воплотить эту идею. Она
реализована обычным HREF тегом, который используется для
создания ссылок (надписи отмеченные красным необходимо
откорректировать):
<A HREF="javascript:history.back()"
onMouseOver="window.status='Назад';return
true">Назад(или другой Ваш текст)</A>
Результат:
Назад
P.S.
На тех страницах где используется данный скрипт желательно
установить
style="text-decoration: underline; text-underline: single">
Свой текст в сроке состояния, потому что если этого не
сделать после увода мышки с сылки текст строки состояния не
поменяется обратно.
Свой текст в строке состояния
Для того чтобы
поместить свой текст в строку состояния браузера необходимо
доработать BODY тег. Вот так (надписи отмеченные красным
необходимо откорректировать):
<body .... onLoad="window.defaultStatus='Ваш текст тут'">
Тег, что бы текст выезжал...
<MARQUEE scrollAmount=50
scrollDelay=100 behavior=slide width=100%>
...ТЕКСТ...
</MARQUEE>
Цифра 50 - скорость выезда надписи.
Цифра 100 - пошаговость выезда (рывки). Чем
меньше, тем быстрее.
width - ширина на странице документа
(*Предупреждение!
Не удалите эту ссылку: любопытные статьи, шокирующие факты,
развлечении: http://tebea.ru
*).
Скрипт, как добавить страницу в избранное
<a href="javascript:window.external.addFavorite(document.URL,
document.title)">
<img src="Pics/avatar2.gif"
width="18" height="18" border="0"
alt="Добавить в избранное"></a>Добавить в
избранное
где: Pics/avatar2.gif -- адрес картиночки
Скрипт, как сделать страницу стартовой
<A HREF="#" onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://roulette-job.agava.ru');">
<img src="Pics/glv.gif"
width="14" height="14" border="0"
alt="Сделать стартовой"></a> Сделать
стартовой
где: ('http://roulette-job.agava.ru') --
адрес вашего сайта
Pics/avatar2.gif -- адрес
картиночки.
"JS дизайн" |