ПРИМЕРЫ JAVASCRIPT

ПРИМЕРЫ JAVASCRIPT

ПРИМЕР-11 ПРИВЕТСТВИЕ
Cкрипт позволяющий приветствовать посетителя в зависимости от времени суток.
Этот код вставить между тегами <body>...</body>
(где 18 - время, после которого наступает вечер;
Добрый вечер - фраза приветсвия, в случае, если время вечернее;
12 - время после которого наступает день;
Добрый день - фраза приветсвия днём; Доброе утро - соответственно утром.)

ПРИМЕР-12
Проверить включен ли JavaScript в браузере

ПРИМЕР-13 Очень практичное меню

<html>
<body text=white link="#ff5555" alink="#ff0000"
vlink="#999999">
<style>
.menu{ position: absolute; top:0; z-index: 2;}
.submenu{ position: absolute; top: 22; z-index: 0; visibility: hide; visibility: hidden;}
</style>
<script>

</script>
<div id="m1" class="menu" style="left: 5;">
<table bgcolor="000000" cellspacing="0" cellpadding="2"
border="1" width="115">
<tr>
<td><a href="javascript:do_menu('m1x')"
onmouseover="do_check('m1x')"><b>Системы</b></a>
</td>
</tr>
</table>
</div><div id="m1x" class="submenu" style="left:
5;">
<table bgcolor="000000" cellspacing="0" cellpadding="2"
border="1" width="115">
<tr>
<td><a href="http://">Windows</a><br>
<a href="http://">Mac</a><br>
<a href="http://">Unix</a><br>
<a href="http://">BeOS</a> </td>
</tr>
</table>
</div><div id="m2" class="menu" style="left:
120;">
<table bgcolor="000000" cellspacing="0" cellpadding="2"
border="1" width="100">
<tr>
<td><a href="javascript:do_menu('m2x')"
onmouseover="do_check('m2x')"><b>Software</b></a>
</td>
</tr>
</table>
</div><div id="m2x" class="submenu" style="left:
120;">
<table bgcolor="000000" cellspacing="0" cellpadding="2"
border="1" width="100">
<tr>
<td><a href="http://"
onmouseover="do_submenu('m21x')">Work</a> >><br>
<a href="http://"
onmouseover="do_submenu()">Tools</a><br>
<a href="http://"
onmouseover="do_submenu('m22x')">Spiele</a> >>
</td>
</tr>
</table>
</div><div id="m21x" class="submenu" style="left: 180;
top:24; z-index:1;">
<table bgcolor="000000" cellspacing="0" cellpadding="2"
border="1" width="100">
<tr>
<td><a href="http://">Star Office</a><br>
<a href="http://">Communicator</a><br>
<a href="http://">Photoshop</a>
<a href="http://">Freehand</a> </td>
</tr>
</table>
</div><div id="m22x" class="submenu" style="left: 180;
top:58; z-index:1;">
<table bgcolor="000000" cellspacing="0" cellpadding="2"
border="1" width="100">
<tr>
<td><a href="http://">Tomb Raider</a><br>
<a href="http://">Quake</a><br>
<a href="http://">Swing</a> </td>
</tr>
</table>
</div><div id="m3" class="menu" style="left:
220;">
<table bgcolor="000000" cellspacing="0" cellpadding="2"
border="1" width="100">
<tr>
<td><a href="javascript:do_menu('m3x')"
onmouseover="do_check('m3x')"><b>Hardware</b></a>
</td>
</tr>
</table>
</div><div id="m3x" class="submenu" style="left:
220;">
<table bgcolor="000000" cellspacing="0" cellpadding="2"
border="1" width="100">
<tr>
<td><a href="http://">PC</a><br>
<a href="http://">Mac</a><br>
<a href="http://">Amiga</a><br>
<a href="http://">UNIX</a> </td>
</tr>
</table>
</div>
</body>
</html>

ПРИМЕР-14 всплывающая подсказка
Следующий скрипт будет выдавать всплывающую подсказку при
наведении мыши на кнопку или просто на рисунок.

<html>
<head>
<meta content="text/html; charset=windows-1251"
http-equiv="Content-Type">
<script language="JavaScript">
if (parseInt(navigator.appVersion)>= 4)
{
if (navigator.appName == "Netscape")
{
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}
function show(layerName)
{
if (parseInt(navigator.appVersion)>= 4)
{
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
}
function cls(layerName){
if (parseInt(navigator.appVersion)>= 4) 
{
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
}
</script>
<style type="text/css">#text1 {
    HEIGHT: 80px; LEFT: 0px; POSITION: absolute; TOP: 50px; VISIBILITY:
hidden; WIDTH: 250px; Z-INDEX: 10
}
</style>
<meta content="Microsoft FrontPage 3.0" name="GENERATOR">
<title>Всплывающая подсказка</title>
</head>
<body bgColor="#FFFFFF" text="#000000">
<div align="center" id="text1" style="HEIGHT: 80px; LEFT:
10px; TOP: 15px; WIDTH: 250px">
<table border="0" width="100%" bgcolor="#000000"
cellspacing="1" cellpadding="2">
<TBODY>
<tr>
<td align="middle" bgcolor="#FFFFE1"><p
align="center"><font face="Fixedsys"
color="#FF0000">Всплывающая
подсказка</font></p>
<p align="left"><font face="MS Sans Serif"
size="1">   А вот
собственно и сама всплывающая подсказка...<br>
Она удобна тем, что:<br>
1. Она не исчезает в самый неподходящий момент
(она исчезнет только после того, как вы уберёте
курсор с ссылки);<br>
2. Всплывающую подсказку можно добавлять не
только к графической ссылке, но и к обычному
тексту;<br>
3. Здесь можно менять шрифты;<br>
4. Можно менять цвета шрифтов;<br>
5. Сюда можно вставлять рисунки и т.д.</font></td>
</tr>
</TBODY>
</table>
</div>
<p>
<a href="http://www.eurostar.com.ua/" onmouseout="cls('text1');"
onmouseover="show('text1');"><img
src="../img/banner88x31.jpg" border="0" width="88"
height="31"></a>
</p>
</body>
</html>

ПРИМЕР-15 Авто ссылка
Этот скрипт очень часто применяют для автоматического открытия
окна с ссылкой на какого-нибудь спонсора,
устанавливайте желаемые размеры окна

ПРИМЕР-16 Каждый день новое сообщение
Этот скрипт будет каждый день выдавать на вашей страничке полезный совет,
а может еще что-нибудь, короче любое ваше сообщение.

<script>
<!--

var today_obj=new Date()
var today_date=today_obj.getDate()

var tips=new Array()
//Можете вставить свой заголовок
var tiptitle=' <b>Совет дня</b><br>'

//Измените на свои советы
tips[1]='Совет на 1 день месяца'
tips[2]='Совет на 2 день месяца'
tips[3]='Совет на 3 день месяца'
tips[4]='Совет на 4 день месяца'
tips[5]='Совет на 5 день месяца'
tips[6]='Совет на 6 день месяца'
tips[7]='Совет на 7 день месяца'
tips[8]='Совет на 8 день месяца'
tips[9]='Совет на 9 день месяца'
tips[10]='Совет на 10 день месяца'
tips[11]='Совет на 11 день месяца'
tips[12]='Совет на 12 день месяца'
tips[13]='Совет на 13 день месяца'
tips[14]='Совет на 14 день месяца'
tips[15]='Совет на 15 день месяца'
tips[16]='Совет на 16 день месяца'
tips[17]='Совет на 17 день месяца'
tips[18]='Совет на 18 день месяца'
tips[19]='Совет на 19 день месяца'
tips[20]='Совет на 20 день месяца'
tips[21]='Совет на 21 день месяца'
tips[22]='Совет на 22 день месяца'
tips[23]='Совет на 23 день месяца'
tips[24]='Совет на 24 день месяца'
tips[25]='Совет на 25 день месяца'
tips[26]='Совет на 26 день месяца'
tips[27]='Совет на 27 день месяца'
tips[28]='Совет на 28 день месяца'
tips[29]='Совет на 29 день месяца'
tips[30]='Совет на 30 день месяца'
tips[31]='Совет на 31 день месяца'

document.write(tiptitle)
document.write(tips[today_date])
//-->
</script>
</td></tr></table>
</HTML>

ПРИМЕР-17 Падающие снежинки
Этот скрипт создает на странице эффект падающего снега (листьев и т.д.)
Менять рисунок в этой строчке скрипта:
var snowflake = "1.gif"; (Здесь можете скачать снежинки, листья)

<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
var no = 35; // колличество снежинок
var speed = 6; // скорость снежинок
var snowflake = "1.gif";

ПРИМЕР-18 Добавляем звук и видео на страничку
Вы можете добавить на свою страничку звуки или видео клипы.
Они могут запускаться автоматически при загрузке странички.
Ниже находится список атрибутов которые вы можете использовать
для достижения нужной цели
(все они используются в теге <EMBED ...></EMBED>):
SRC=name.ext - имя звукового, видео клипа.
ALIGN=CENTER - расположения пульта управления (LEFT | CENTER | RIGHT).
WIDTH=X - где X ширина видео клипа в пикселах.
HEIGHT=Y - где Y высота видео клипа в пикселах.
AUTOSTART=TRUE - разрешает или запрещает браузеру запускать клип при загрузке странички (TRUE | FALSE).
REPEAT=TRUE - разрешает или запрещает повторять звуковой/видео клип (TRUE | FALSE) .
PLAY_LOOP=Z - если Вы указали REPEAT=TRUE, укажите здесь вместо Z количество повторений.
CONTROLS=SMALLCONSOLE - используйте этот атрибут если хотите, чтобы пульт управления был маленьким.
HIDDEN=TRUE - а этот атрибут необходим для того, чтобы не показывать пульт управления (TRUE | FALSE).

Вот несколько примеров использования звуковых/видео клипов

ПРИМЕР-19 Выпадающее меню
Если вы хотите использовать несколько выпадающих меню на странице,
у каждого меню должно быть индивидуальное имя, у этого оно menu.
Например, если будет два меню тогда во втором меню пропишите menu1
вместо menu.

ПРИМЕР-20 Дата обновления документа
Этот скрипт предназначен для экономии вашего времени.
Используя его вам не придется менять дату обновления документа
при каждом его изменении. Он особенно полезен, если Вы обновляете
страницы очень

ВСЕ ПРИМЕРЫ JavaScript

Архив статей - Все для вебмастера!