<< КАК отмотать остановить любые электросчетчики. Схемы, инструкции...
<< Подделка печатей, штампов, кассовых чеков. Бланки документов...
<< Взлом паролей. Все для анонимности. Инструменты, программы...
<< Шпионское ПО для мобил и ПК, перехват SMS, глушилки gsm и gps...

Если Вы хотите разместить любую рекламу на этой странице обращайтесь в [службу поддержки]

Готовые для использования примеры JavaScript

Использование материалов сайта
разрешается при условии ссылки
(для сайтов - гиперссылки)

ФОРУМ

ПРИМЕР-1 Баннерная система
Все баннерооменные сети используют CGI скрипты,
но мы можем обойтись обычным Java скриптом.
Этот скрипт поможет вам организовать на своем сайте
или страничке баннерную систему.

Первый фрагмент вы вставляете в любое 
 		место странички. Лучше в теге <HEAD>.

<SCRIPT language="JavaScript">
// <!-- Main
function banners()
{ 
         Дальше идёт перечисление ссылок также соответствующих 
		 им баннеров. Мы для образца берём 4 ссылки.

this[1]="http://www.eurostar.com.ua/rus.htm"; Здесь вы пишете вашу ссылку. 
this[2]="http://www.eurostar.com.ua/img/banner468x60ru-1.gif"; Здесь указываете маршрут к графическому файлу
this[3]="http://www.eurostar.com.ua/vac.htm";
this[4]="http://www.eurostar.com.ua/img/banner468x60ru-2.gif"; 
this[5]="http://www.eurostar.com.ua/promotion.htm";  
this[6]="http://www.eurostar.com.ua/img/banner468x60ru-3.gif";
this[7]="http://www.eurostar.com.ua/promotion.htm";
this[8]="http://www.eurostar.com.ua/img/banner468x60ru-4.gif";
		Количество таких ссылок может существовать всяким. 
		Дальше идёт доля скрипта, которая как однажды также дает ответ 
		за функцию обмена баннерами. Приведём его :

if ((navigator.appName == "Netscape") && 
(parseInt(navigator.appVersion.substring(0,1)) < 3)) { return(' '); }
var j=(new Date()).getSeconds() % 4;
document.write('<a href=' + this[2*j+1] + ' target=blank><img src=' + 
this[2*j+2] + ' border=0 width=468 height=60></a>');
return(' ');
}
// -->
</SCRIPT>
		Следует разобрать только одну переменную VAR J. 
		Она должна отвечать числу показываемых 
		баннеров. У нас это "4".

Следующий фрагмент нужно разместить в том месте, 
		где предполагается заключение на "монитор" баннера.
<center>
<SCRIPT language="JavaScript">
// 
</SCRIPT>

ПРИМЕР-2 Изменение картинки
Изменение картинки при загрузке акта в зависимости от текущего
времени осуществляется с использованием объекта Date.
Трудится во всех броузерах, поддерживающих JavaScript.
ПРИМЕР-3 Голосование
Если нет возможности использования CGI-скриптов,
а Вам весьма гордо получить от посетителей ответы
на конкретные вопросы, рекомендую нижеследующий скрипт.
Голосование построенное с использованием функции mailto.

ПРИМЕР-4 Пару фрейма
Java-скрипт, при котором, кликнув на ссылку, откроется
страница с парой фреймами.

ПРИМЕР-5 Часики 02/17/2002 08:00:00

ПРИМЕР-6 Текущая дата
Текущая дата: Sun Feb 17 09:24:32 UTC+0300 2002

ПРИМЕР-7 Дата Число: 17.1.2002.

<font size="+2" color="Green"><i>ПРИМЕР-8</i> Графические</font> 
часы также дата

<SCRIPT LANGUAGE="JavaScript">
document.write(setClock())
function setClock() {
	var text = "" 
	var openImage = "<IMG SRC=\"" + getPath(location.href) + "dg"
	var closeImage = ".gif\" HEIGHT=21 WIDTH=16>"
	var now = new Date()
	var hour = now.getHours()
	var minute = now.getMinutes()
	now = null
	var ampm = "" 
	if (hour >= 12) {
		hour -= 12
		ampm = "pm"
	} else
		ampm = "am"
	hour = (hour == 0) ? 12 : hour
	if (minute < 10)
		minute = "0" + minute 
// do not parse this number!
	minute += ""
	hour += ""
	for (var i = 0; i < hour.length; ++i) {
		text += openImage + hour.charAt(i) + closeImage
	}
	text += openImage + "c.gif\" HEIGHT=21 WIDTH=9>" 
	for (var i = 0; i < minute.length; ++i) {
		text += openImage + minute.charAt(i) + closeImage
	}
	text += openImage + ampm + closeImage
	return text}function getPath(url) {
	lastSlash = url.lastIndexOf("/")
	return url.substring(0, lastSlash + 1)}
// --></SCRIPT>

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

Дополнительно необходимо владеть 14 .gif файлов, всеобщий размер всех
около 5 Kbt, разместить в одной папке с актом .html,
(var text = "Здесь разрешено вставить текст")
Cкачать clockgif.zip здесь

ПРИМЕР-9 Бегущая строка в поле

ПРИМЕР-10 Бегущая строка в cтроке статуса

ПРИМЕР-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="../click@http_3A_2F_2F">Windows</a><br>
<a href="../click@http_3A_2F_2F">Mac</a><br>
<a href="../click@http_3A_2F_2F">Unix</a><br>
<a href="../click@http_3A_2F_2F">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="../click@http_3A_2F_2F"
onmouseover="do_submenu('m21x')">Work</a> >><br>
<a href="../click@http_3A_2F_2F"
onmouseover="do_submenu()">Tools</a><br>
<a href="../click@http_3A_2F_2F"
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="../click@http_3A_2F_2F">Star Office</a><br>
<a href="../click@http_3A_2F_2F">Communicator</a><br>
<a href="../click@http_3A_2F_2F">Photoshop</a>
<a href="../click@http_3A_2F_2F">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="../click@http_3A_2F_2F">Tomb Raider</a><br>
<a href="../click@http_3A_2F_2F">Quake</a><br>
<a href="../click@http_3A_2F_2F">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="../click@http_3A_2F_2F">PC</a><br>
<a href="../click@http_3A_2F_2F">Mac</a><br>
<a href="../click@http_3A_2F_2F">Amiga</a><br>
<a href="../click@http_3A_2F_2F">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="../click@http_3A_2F_2Fwww.eurostar.com.ua_2F" 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 Дата обновления документа
Этот скрипт предназначен для экономии вашего времени.
Используя его вам никак не придется менять дату обновления акта
при каждом его изменении. Он особенно полезен, ежели Вы обновляете
страницы весьма

ПРИМЕР-21 Мигающие ссылки
Этот код вставляете между тегами <HEAD>...</HEAD>:

ПРИМЕР-22 Подчеркивание ссылки при наведении на нее мышки
Этот код вставляете между тегами <HEAD>...</HEAD>:

ПРИМЕР-23 Mеню с подсветкой кнопок, ссылок
Подставляйте свои .gif , ссылки также пользуйтесь!

<HTML>
<HEAD>
 <TITLE>меню с подсветкой кнопок, ссылок</TITLE>

theobject=which2

highlighting=setInterval("highlightit(theobject)",50)

}

function low(which2){

clearInterval(highlighting)

which2.filters.alpha.opacity=30

}

function highlightit(cur2){

if (cur2.filters.alpha.opacity<100)

cur2.filters.alpha.opacity+=5

else if (window.highlighting)

clearInterval(highlighting)

}

</script>

</HEAD>
<BODY BGCOLOR="#ffffff" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000">
<H2><center>Загарающееся меню.</H2>
<HR>
<a href="../name.htm"><img src="name.gif" border=0 style="filter:alpha(opacity=50)" onMouseover="high(this)" onMouseout="low(this)"></a>
<a href="../name.htm"><img src="name.gif" border=0 style="filter:alpha(opacity=50)" onMouseover="high(this)" onMouseout="low(this)"></a>
<a href="../name.htm"><img src="name.gif" border=0 style="filter:alpha(opacity=50)" onMouseover="high(this)" onMouseout="low(this)"></a>

</BODY>
</HTML>

ПРИМЕР-24 Mеню кнопкой GO

ПРИМЕР-25 Mеню без кнопки GO

ПРИМЕР-26 Mеню Навигатор, в форме

<TABLE border="2"  bgcolor="black" cellspacing="0" cellpadding="1">
<TD align=center><B><FONT FACE="arial" FONT SIZE="+1" COLOR="white">НАВИГАТОР</FONT><BR></B></TD></tr><tr>        
<script language="JavaScript">

</script>
</td></tr><tr><td align="center"><b>
<font face="arial" size="0" color="white">Выбирай также жми!</b></font>
</td></tr></table>

ПРИМЕР-27 Mеню c комментариями

<HTML>
<HEAD>
 <TITLE>Меню  с комментариями</TITLE>
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<script>
<!--
var content=new Array()
//change the array below to the text associated with your links Expand or contract the array, depending on how many links you have
content[0]='<h3><font color="Green">Java Applets</font></h3>Примеры апплетов'
content[1]='<h3><font color="Navy">Java Scripts</font></h3><br>Примеры JavaScript'
content[2]='<h3><font color="Maroon">Архив Статей</font></h3><br>Архив статей - ВСЕ для ВЕБМАСТЕРА!'
content[3]='<h3><font color="Olive">Промоушин</font></h3><br>Раскрутка сайта - самые эффективные методы'
content[4]='<h3><font color="Purple">Справочники</font></h3><br>Ваш текст.</h3>'

function regenerate(){
window.location.reload()
}

function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}

function changetext(whichcontent){
if (document.all)
descriptions.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()
}
}

//-->

</script>
</HEAD>

<H3><center>Меню с комментариями.</H3>
<HR>
<div id="scriptmenu" style="line-height:20px"><p><strong><font face="Verdana">
 <a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fapplets.htm" onMouseover="changetext(content[0])" target="_blank"><h6><font color="Green">Java Applets</font></a>
 <a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fjava.htm" onMouseover="changetext(content[1])" target="_blank"><font color="Navy">Java Scripts</font></a>
 <a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fnotes.htm" onMouseover="changetext(content[2])" target="_blank"><font color="Maroon">Архив статей</font></a>
 <a href="../promotion.htm" onMouseover="changetext(content[3])" target="_blank"><font color="Olive">Промоушин</font></a>
 <a href="../click@http_3A_2F_2Fwww.eurostar.com.ua" onMouseover="changetext(content[4])" target="_blank"><font color="Purple">Справочники</font></a></h6>
</font></strong></p>
</div>

</body>
</html>

ПРИМЕР-28 Двойное меню

<SCRIPT LANGUAGE="JavaScript">
<!--
var maxLength = 10;
     website = new Array;
     website[0] = "Морской бизнес";
     website[1] = "Все для Вебмастера";
     website[2] = "Разное";
     website[3] = "Трудоустройство";
     var trueLength = website.length;
     var lst = website.length;
     url = new Array;
     url[0] = "http://";
     url[1] = "http://";
     url[2] = "http://";
     url[3] = "http://";
     url[4] = "http://";
     ccselect = new Array;
     ccselect[0] = "Морской бизнес";
     ccselect[1] = "Все для Вебмастера";
     ccselect[2] = "Разное";
     ccselect[3] = "Трудоустройство";
     function changePage() 
     {
     menuNum = document.ccDoubleList.ccBitsyG.selectedIndex;
             if (menuNum == null){alert("Please select a category from the menu.");return;}
             else
             {
             i = document.ccDoubleList.ccDoubleZ.selectedIndex;
             window.location.href = url[i];
             }
     }
     function changeMenu()
     {
     website.length = 0;
     menuNum = document.ccDoubleList.ccBitsyG.selectedIndex;
             if (menuNum == null) return;
             if (menuNum == 0) 
             {
             website = new Array;
             website[0] = new Option("Услуги нашего агентства");
             website[1] = new Option("Оформление паспорта моряка");
             website[2] = new Option("STCW документы");
             website[3] = new Option("Морские ссылки(компании, порты, суда...");
			 website[4] = new Option("Открытые должности для моряков"); 
			 website[5] = new Option("Анкета для моряка"); 
			 website[6] = new Option("Cправочник морских сокращений"); 
			 website[7] = new Option("Наши реквизиты");

url = new Array;
             url[0] = "http://www.eurostar.com.ua/rus.htm";
             url[1] = "http://www.eurostar.com.ua/seaid.htm";
             url[2] = "http://www.eurostar.com.ua/stcw.htm";
             url[3] = "http://www.eurostar.com.ua/mlink.htm";
			 url[4] = "http://www.eurotrans.com.ua/vac.htm";
			 url[5] = "http://www.eurostar.com.ua/form.doc";
			 url[6] = "http://www.eurostar.com.ua/a-z/a-z.htm";
			 url[7] = "http://www.eurostar.com.ua/contactru.htm";
             }
             if (menuNum == 1) 
             {
             website = new Array;
             website[0] = new Option("Статьи");
             website[1] = new Option("Раскрутка сайта");
             website[2] = new Option("Примеры аплетов");
             website[3] = new Option("Примеры JavaScript");
             website[4] = new Option("Полезные ссылки, проги");
             website[5] = new Option("Обмен баннерами");
             website[6] = new Option("Бесплатныe Web Site Hosting");
             website[7] = new Option("Бесплатные e-mail");
             url = new Array;
             url[0] = "http://www.eurostar.com.ua/notes.htm";
             url[1] = "http://www.eurostar.com.ua/promotion.htm";
             url[2] = "http://www.eurostar.com.ua/applets.htm";
             url[3] = "http://www.eurostar.com.ua/java.htm";
             url[4] = "http://www.eurostar.com.ua/ok.htm";
             url[5] = "http://www.eurostar.com.ua/exch.htm";
             url[6] = "http://www.eurostar.com.ua/freeweb.htm";
             url[7] = "http://www.eurostar.com.ua/emailfree.htm";
             }
             if (menuNum == 2) 
             {
             website = new Array;
             website[0] = new Option("Мощный поисковик(42 в 1)");
             website[1] = new Option("Обзор поисковиков ");
             website[2] = new Option("Обзор Каталогов");
             website[3] = new Option("Доски безвозмездных объявлений");
             website[4] = new Option("Желтые страницы");
             website[5] = new Option("Бесплатные звонки также факс");
             website[6] = new Option("Бесплатные телефонные карточки");
             website[7] = new Option("Виртуальный Херсон");
             website[8] = new Option("Вся халява Инета здесь!");
             url = new Array;
             url[0] = "http://www.eurostar.com.ua/multipoisk.htm";
             url[1] = "http://www.eurostar.com.ua/search.htm";
             url[2] = "http://www.eurostar.com.ua/catalog.htm";
             url[3] = "http://www.eurostar.com.ua/bbs.htm";
             url[4] = "http://www.eurostar.com.ua/yp.htm";
             url[5] = "http://www.eurostar.com.ua/phfaxfree.htm";
             url[6] = "http://www.eurostar.com.ua/phcardfree.htm";
             url[7] = "http://www.eurostarstar.com.ua/kherson.htm";
             url[8] = "http://top-halyava.ru/index.php?id=823";
             }
             if (menuNum == 3) 
             {
             website = new Array;
             website[0] = new Option("a");
             website[1] = new Option("b");
             website[2] = new Option("c");
             website[3] = new Option("d");
             website[4] = new Option("e");
             url = new Array;
             url[0] = "http://";
             url[1] = "http://";
             url[2] = "http://";
             url[3] = "http://";
             url[4] = "http://";
             }
     tot = website.length;
             for (i = lst; i > 0; i--) 
             { document.ccDoubleList.ccDoubleZ.options[i] = null; }
             for (i = 0; i < tot; i++)
             { document.ccDoubleList.ccDoubleZ.options[i] = website[i]; }
             document.ccDoubleList.ccDoubleZ.options[0].selected = true;
     lst = website.length;
     }
// -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>
</center>

ПРИМЕР-29 Меню с подменю

ПРИМЕР-30 При клике, сверху выдвигается меню.

{

if(typos>-260)

{

tjump=-4;

if(typos>=130)

head_fahren();

}

ejump=-ejump;

if(eypos<=-200 || eypos>=20)

menue_fahren();

}

function menue_fahren()

{

if(document.layers) document.menue.top=eypos; else document.all.menue.style.top=eypos;

eypos+=ejump;

if(eypos>-200 && eypos<20)

setTimeout("menue_fahren()", delay);

}

function do_head()

{

if(eypos>-200)

{

ejump=-4;

if(eypos>=20)

menue_fahren();

}

tjump=-tjump;

if(typos<=-260 || typos>=130)

head_fahren();

}

function head_fahren()

{

if(document.layers) document.head.top=typos; else document.all.head.style.top=typos;

typos+=tjump;

if(typos>-260 && typos<130)

setTimeout("head_fahren()", delay);

}

</script>
</HEAD>
<BODY  BGCOLOR="#DDDDDD" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000">
<div style="position:absolute; z-index:2; left:300;">
<TABLE BORDER=0>
<TR><TD align=center>Навигация по сайту.</TD></TR>
<TR><BIG><TD align=center><a href="javascript:do_menue()">Нажми здесь!</a></BIG></TD></TR>
</TABLE>
</div>
<div id=menue style="position:absolute; top:-200; left:100; z-index: 2;">
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=3 width=450>
<TR>
<TD>
<A ONMOUSEOVER="window.status='Link 1' ;return true" href="../click@http_3A_2F_2F" target="dummy">[Link 1]</a><br>
<A ONMOUSEOVER="window.status='Link 2' ;return true" href="../click@http_3A_2F_2F" target="dummy">[Link 2]</a><br>
<A ONMOUSEOVER="window.status='Link 3' ;return true" href="../click@http_3A_2F_2F" target="dummy">[Link 3]</a><br>
<A ONMOUSEOVER="window.status='Link 4' ;return true" HREF="name.htm" target="dummy">[Link 4]</a><br>
<A ONMOUSEOVER="window.status='Link 5' ;return true" HREF="name.htm" target="dummy">[Link 5]</a><br>
<A ONMOUSEOVER="window.status='Link 6' ;return true" HREF="name.htm" target="dummy">[Link 6]</a>
</TD>
</TR>
</TABLE>
</div>

ПРИМЕР-31 Меняющийся текст
Ширина также вышина округа с текстом задается параметрами:
var fwidth=160 var fheight=150
Задержка появления текста задается параметром: faderdelay=2000

ПРИМЕР-32 Меню с кнопкой ВЫБРАТЬ

ПРИМЕР-33 Меню раскрывается при наведении на надпись

ПРИМЕР-34 Перемещаемое меню
Трудится только в IE. Очень удобное также универсальное меню. Его разрешено размещать в всяком помещении сайта, также вставлять в него все что угодно - текст, графику также скрипты. Особенность меню в том, что оно прктически всегда остается на экране при прокрутке также его разрешено перемещать с помощью мыши по всему экрану.

<HTML>
<HEAD>
<style TYPE="text/css">
#superbest {
	position: absolute;
	left: 15;
	top: 150;
	width: 125;
	visibility: visible;
	z-index: 10;
</style>
</HEAD>

<BODY>
<div ID="superbest" style="width: 206; height: 194">
<dd><table BORDER="1" CELLPADDING="0" CELLSPACING="0" width="100%">
<tr>
<td bgcolor="green" size="-2"><font size="-2">меню</font>
<td bgcolor="white">
<font face="arial,helvetica" size="-1">
<font color="Green"><b>Перемещаемое</b></font><br>
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fjava.htm" target="_blank">Коллекция скриптов<br></a>
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fapplets.htm" target="_blank">Коллекция апплетов<br></a>
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fnotes.htm" target="_blank">Архив статей-ВСЕ для Вебмастера<br></a>
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fpromotion.htm" target="_blank"> Раскрутка сайта<br></a> 
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fexch.htm" target="_blank">Обмен баннерами</a></font><br>
        <script LANGUAGE="JavaScript">
	function heartBeat() {
	
		if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
	    if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
		
		if(diffY != lastScrollY) {
	                percent = .1 * (diffY - lastScrollY);
	                if(percent > 0) percent = Math.ceil(percent);
	                else percent = Math.floor(percent);
					if(IE) document.all.superbest.style.pixelTop += percent;
					if(NS) document.superbest.top += percent; 
	                lastScrollY = lastScrollY + percent;
	    }
		if(diffX != lastScrollX) {
			percent = .1 * (diffX - lastScrollX);
			if(percent > 0) percent = Math.ceil(percent);
			else percent = Math.floor(percent);
			if(IE) document.all.superbest.style.pixelLeft += percent;
			if(NS) document.superbest.left += percent;
			lastScrollX = lastScrollX + percent;
		}	
	}
	
	
	
	function checkFocus(x,y) { 
	        stalkerx = document.superbest.pageX;
	        stalkery = document.superbest.pageY;
	        stalkerwidth = document.superbest.clip.width;
	        stalkerheight = document.superbest.clip.height;
	        if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;
	        else return false;
	}
	
	function grabIt(e) {
		if(IE) {
			whichIt = event.srcElement;
			while (whichIt.id.indexOf("superbest") == -1) {
				whichIt = whichIt.parentElement;
				if (whichIt == null) { return true; }
		    }
			whichIt.style.pixelLeft = whichIt.offsetLeft;
		    whichIt.style.pixelTop = whichIt.offsetTop;
			currentX = (event.clientX + document.body.scrollLeft);
	   		currentY = (event.clientY + document.body.scrollTop); 	
		} else { 
	        window.captureEvents(Event.MOUSEMOVE);
	        if(checkFocus (e.pageX,e.pageY)) { 
	                whichIt = document.superbest;
	                StalkerTouchedX = e.pageX-document.superbest.pageX;
	                StalkerTouchedY = e.pageY-document.superbest.pageY;
	        } 
		}
	    return true;
	}
	
	function moveIt(e) {
		if (whichIt == null) { return false; }
		if(IE) {
		    newX = (event.clientX + document.body.scrollLeft);
		    newY = (event.clientY + document.body.scrollTop);
		    distanceX = (newX - currentX);    distanceY = (newY - currentY);
		    currentX = newX;    currentY = newY;
		    whichIt.style.pixelLeft += distanceX;
		    whichIt.style.pixelTop += distanceY;
			if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
			if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
			if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
			if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
			event.returnValue = false;
		} else { 
			whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
	        if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
	        if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
	        if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
	        if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
	        return false;
		}
	    return false;
	}
	
	function dropIt() {
		whichIt = null;
	    if(NS) window.releaseEvents (Event.MOUSEMOVE);
	    return true;
	}
	
	
	if(NS) {
		window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
		window.onmousedown = grabIt;
	 	window.onmousemove = moveIt;
		window.onmouseup = dropIt;
	}
	if(IE) {
		document.onmousedown = grabIt;
	 	document.onmousemove = moveIt;
		document.onmouseup = dropIt;
	}
	
	if(NS || IE) action = window.setInterval("heartBeat()",1);
	
	
// --></script></td>
    </tr>
  </table>
</dd>
</div>

</BODY>
</HTML>

ПРИМЕР-35 Динамичное меню

<HTML>
<HEAD>
<script LANGUAGE="JavaScript">
function makeArray(q){
for(i=1 ; i < q ; i++){this[i]=0}}
w=1;
howmanysites=5; // Цифра 5 указывает сколько ссылок в скрипте
Sites = new makeArray(howmanysites);
Sites[1] = "http://www.eurostar.com.ua/notes.htm|Архив статей - ВСЕ для Вебмастера!";
//впишите адрес URL пред символом | только далее название ссылки.
Sites[2] = "http://www.eurostar.com.ua/java.htm|Примеры JavaScript";
Sites[3] = "http://www.eurostar.com.ua/applets.htm|Примеры апплетов";
Sites[4] = "http://www.eurostar.com.ua/promotion.htm|Раскрутка сайта";
Sites[5] = "http://www.eurostar.com.ua/a-z/a-z.htm|Cправочник морской терминологии";
function showSites() {
if (w > howmanysites) { w=1; };
var string=Sites[w] + "";
var split=string.indexOf("|");
var url=string.substring(0,split);
var word=string.substring(split + 1,string.length);
document.form.url.value=url;
document.form.word.value=word;
w+=1;
window.setTimeout('showSites()',3000); // Время переключения в милисекундах, 3000=3 секунд
}
function visitSite() {
window.location=document.form.url.value;
}
// End -->
</script>
</head>

<body>
<center>
<form name="form">
<input type="hidden" name="url" value>
<table>
<tr>
<td align="center"><input type="text" 
name="word" value onFocus="visitSite()" size="40"> 
</td>
</tr>
</table>
</form>
<script>
showSites();
</script>
</center>

</BODY>
</HTML>

ПРИМЕР-36 Меню на цветном фоне с кнопкой GO!

<form method="POST" action="--WEBBOT-SELF--" name="test">
<script>
function warp(){
window.location=document.test.test2.options[document.test.test2.selectedIndex].value
}
</script>
<center>
<select
      name="test2" size="1" style="background-color: rgb(25,238,255); font-weight: bold">
        <option selected value="http://www.eurostar.com.ua/notes.htm"> Cтатьи-ВСЕ для ВЕБМАСТЕРА!</option>
        <option value="http://www.eurostar.com.ua/java.htm">Примеры JavaScript</option>
        <option value="http://www.eurostar.com.ua/applets.htm">Примеры апплетов</option>
        <option value="http://www.eurostar.com.ua/promotion.htm">Раскрутка сайта</option>
        <option value="http://www.eurostar.com.ua/a-z/a-z.htm">Морская терминология</option>
        <option value="http://www.eurostar.com.ua/vac.htm">Открытые должности для моряков</option>
      </select> 
<a href="javascript:warp()" style="text-decoration:none;color:navy;">
<font face="Arial"><font size="+2">Go!</font></font></a>
</p>
    </form>
</center>

ПРИМЕР-37 Меню появляется позже нажатия на картинку
(кнопку, баннер, ссылку)

var visibleVar="null";

function init(){

if (navigator.appName == "Netscape") {

layerStyleRef="layer.";

layerRef="document.layers";

styleSwitch="";

visibleVar="show";

}else{

layerStyleRef="layer.style.";

layerRef="document.all";

styleSwitch=".style";

visibleVar="visible";

}

function showHideLayerSwitch(layerName){

if (eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility == visibleVar')){

hideLayer(layerName);

}else{

showLayer(layerName);

}

function showLayer(layerName){

eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');

}

function hideLayer(layerName){

eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');

}

function showLayer1(layerName){

if (eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility == visibleVar')){

showLayer(layerName);

}

function hideLayer1(layerName){

if (eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility == visibleVar')){

hideLayer(layerName);

}

</SCRIPT>

#pulldownButton {position: absolute; z-index: 59800; left: 300px; top: 50px;}

#pulldownMenu {position: absolute; z-index: 59900; visibility: hidden; left: 100px; top: 116px;}

</STYLE>
</head>
<body bgcolor="#000000" text="#ffffff" link="#ff5555" alink="#ff0000" vlink="#999999" onload="init()">
    <div id="pulldownButton" >
        <a href="javascript:showHideLayerSwitch('pulldownMenu');">
        <IMG SRC="arrow-left.gif" BORDER=0 alt="Жми, тут M E Н Ю"></a>
</div>
    <div id="pulldownMenu">

<tr>

<td width="200"><b><center>Все для вебмастера</center></b></td>

</tr>

<tr>

<td><a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fjava.htm" class=linkint>Примеры JavaScript</a></td>

</tr>

<tr>

<td><a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fapplets.htm" class=linkint>Примеры Applets</a></td>

<tr>

<td><a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fnotes.htm" class=linkint>Архив статей</a></td>

</tr>

<tr>

<td><a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Frassylka_2Fglossar-1.htm" class=linkint>Основные термины Интернет</a></td>

</tr>
  
        <tr>

<td><a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fpromotion.htm" class=linkint>Раскрутка сайта</a></td>

</tr>
     
        </table>
    </div>
</center>
</body>
</html>

ПРИМЕР-38 Выпадающее меню без кнопки - навигация по сайту

ПРИМЕР-39 Выпадающее меню без кнопки - навигация по сайту
на цветном фоне

ПРИМЕР-40 Дата, пора UTC в строке статуса

ПРИМЕР-41 Прокрутка текста

<HTML>
<HEAD>
<TITLE>Text Block Scrolling</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var line_beak = "\n"
var screen = ""
 
//                   1234567890123456789012345678901234567890
    screen += "Будем прокручивать "
    screen += "Данный фрагмент текста "
    screen += "В поле типа "
    screen += "TEXTAREA                                "
    screen += "формы term "
 
    for(i=0;i<6;i++)
    screen += "                                         "
 
var i=0
var j=40
flag = 0
function scroll()
         {
          if( flag== 0 )
            {
             display_str = ""
             for(k=0;k<11;k++)
                {
                 display_str += screen.substring(i,j)
                 i +=40;j = i + 40
                 if(i>400) i = 0
                }
      window.document.term.work_field.value = display_str
             i += 40 ; if(i>400) i =0
            }
          id = setTimeout("scroll()",1000)
          return true
         }
function change_button()
         {
          if(flag==0)
            {
             flag = 1
             return true
            }
          if(flag == 1)
            {
             flag = 0
             return false
            }
         }
</SCRIPT>
</HEAD>

<BODY onLoad="scroll()">
<CENTER>
<H1>Text Block Scrolling.</H1>
<HR>
<FORM NAME=term>

ПРИМЕР-42 Календарь 2000 - 2004

<HEAD>

<!-- Begin
var dDate = new Date();
var dCurMonth = dDate.getMonth();
var dCurDayOfMonth = dDate.getDate();
var dCurYear = dDate.getFullYear();
var objPrevElement = new Object();

<BODY>

<table border="1">
<tr>
<td>
<select name="tbSelMonth" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value="1">Январь</option>
<option value="2">Февраль</option>
<option value="3">Март</option>
<option value="4">Апрель</option>
<option value="5">Май</option>
<option value="6">Июнь</option>
<option value="7">Июль</option>
<option value="8">Август</option>
<option value="9">Сентябрь</option>
<option value="10">Октябрь</option>
<option value="11">Ноябрь</option>
<option value="12">Декабрь</option>
</select>
  
<select name="tbSelYear" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
</select>
</td>
</tr>
<tr>
<td>
<script language="JavaScript">
var dCurDate = new Date();
fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 30, 30, "12px", "bold", 1);
</script>
</td>
</tr>
</table>
</form>

</body>

ПРИМЕР-43 Электрические часики(24H)

timestr = "00:00:00";
tid = 0;
pause = 0;
var to;
var bcount;
var tcount;

function writer(){
document.write("test"); 
}

function start(x) {
  f=x;
                to=60;
  time(x);
  }

function cleartids() {
 window.clearTimeout(tid);
}

</script>

</body>

ПРИМЕР-44 Электрические часики(АМ/PM)
ПРИМЕР-45 Часы(24H)
Включаются позже нажатия ПРИМЕР-46 Время в разных городах

<head>

var worldtime = new Array()
worldtime[0]="Azores,-1"
worldtime[1]="Baghdad,3"
worldtime[2]="Beijing,8"
worldtime[3]="Berlin,1"
worldtime[4]="Buenos Aires,-3"
worldtime[5]="Chicago,-6"
worldtime[6]="Denver,-7"
worldtime[7]="Hong Kong,8"
worldtime[8]="Honolulu,-10"
worldtime[9]="Johannesburg,2"
worldtime[10]="Kairo,2"
worldtime[11]="Lima,-5"
worldtime[12]="London,0"
worldtime[13]="Mexico City,-6"
worldtime[14]="Moscow,4"
worldtime[15]="New York,-5"
worldtime[16]="Paris,1"
worldtime[17]="Perth,8"
worldtime[18]="Rio de Janheiro,-2"
worldtime[19]="San Francisco,-8"
worldtime[20]="Sydney,11"
worldtime[21]="Tokyo,9"

var hours
var shifthours
var minutes
var seconds
var localhours
var pause=2000
var thisplace
var thisline=""
var showmenu=1

function showtime() {

for (i=0; i<=worldtime.length-1;i++) {
  thisplace=worldtime[i].split(",")
  thistime= new Date()
  hours=thistime.getUTCHours()
  hours=eval(hours)
  shifthours=eval(thisplace[1])
  localhours=eval(shifthours+hours)
  if (localhours <0) {localhours=24+localhours}
  if (localhours >=24) {localhours=localhours-24}
 
  minutes=thistime.getUTCMinutes()
  seconds=thistime.getUTCSeconds()
 
  if (thisplace[0]=='Delhi') {
   minutes=eval(minutes+30)
   if (minutes>=60) {
    minutes=eval(minutes-60)
    localhours=eval(localhours+1)
   }
  }
  if (eval(minutes) < 10) {minutes="0"+minutes}
  if (eval(seconds) < 10) {seconds="0"+seconds}
  if (eval(localhours) < 10) {localhours="0"+localhours}
  thisline+=localhours+":"+minutes+":"+seconds+" "+thisplace[0]+"<br>"
 }
 if (document.all) {
  timediv.innerHTML=thisline
  thisline=""
  var timer=setTimeout("showtime()",1000)
 }
 if (document.layers) {
  document.timediv.document.write("<span id='nn' class='timestyle'>")
  document.timediv.document.write(thisline)
  document.timediv.document.write("</span>")
  document.timediv.document.close()
  thisline=""
 }
}
 
function dblclick() {
 if (document.all && showmenu==1) {
  document.all.timediv.style.visibility="visible"
  document.all.timediv.style.posLeft=x
  document.all.timediv.style.posTop=y
  showtime()
 }
 if (document.layers && showmenu==1) {
  document.timediv.visibility="visible"
  document.timediv.left=x-40
  document.timediv.top=y-80
  showtime()
 }
 if (document.all && showmenu!=1) {
  document.all.timediv.style.visibility="hidden"
 }
 if (document.layers && showmenu!=1) {
  document.timediv.visibility="hidden"
 }
 showmenu=showmenu*-1
}

if (document.layers) {
document.captureEvents(Event.ONDBLCLICK);
}
document.ondblclick=dblclick;

if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

function handlerMM(e){
 x = (document.layers) ? e.pageX : event.clientX
 y = (document.layers) ? e.pageY : event.clientY
}

// - End of JavaScript - -->
</script>
<STYLE>
.timestyle {
position:absolute; 
left:50px; 
top:100px;
font-family:Verdana;
font-size:8pt;
color:880000;
background-color:DDDDFF;
}

.explainstyle {
position:absolute; 
left:10px; 
top:160px;
font-family:Verdana;
font-size:8pt;
color:000000;

}
</STYLE>
</head>
<body bgcolor=#FFFFFF>

<DIV id=source class="explainstyle"><b>Часы появятся/исчезнут при двойном клике мышью</b></DIV>

</body>

ПРИМЕР-47 Мировое пора в строке статуса

<head>

var worldtime = new Array()
worldtime[0]="Azores,-2"
worldtime[1]="Baghdad,3"
worldtime[2]="Beijing,8"
worldtime[3]="Berlin,2"
worldtime[4]="Buenos Aires,-3"
worldtime[5]="Chicago,-6"
worldtime[6]="Denver,-7"
worldtime[7]="Hong Kong,8"
worldtime[8]="Honolulu,-10"
worldtime[9]="Johannesburg,2"
worldtime[10]="Kairo,2"
worldtime[11]="Lima,-5"
worldtime[12]="London,0"
worldtime[13]="Mexico City,-6"
worldtime[14]="Moscow,4"
worldtime[15]="New York,-5"
worldtime[16]="Paris,1"
worldtime[17]="Perth,8"
worldtime[18]="Rio de Janheiro,-3"
worldtime[19]="San Francisco,-8"
worldtime[20]="Sydney,11"
worldtime[21]="Tokyo,9"

// The speed of the ticker (milliseconds)
var speed=1000

// The length of the steps
var step=10

// Do not edit the variables below
var hours
var shifthours
var minutes
var seconds
var localhours
var thisplace
var i_substring=0

var content

function extracttime() {
content=" -------------------------------------"
for (i=0;i<=worldtime.length-1;i++) {
 thisplace=worldtime[i].split(",")
 thistime= new Date()
 hours=thistime.getUTCHours()
 hours=eval(hours)
 shifthours=eval(thisplace[1])
 localhours=eval(shifthours+hours)
 if (localhours <0) {localhours=24+localhours}
 if (localhours >=24) {localhours=localhours-24}
 
 minutes=thistime.getUTCMinutes()
 seconds=thistime.getUTCSeconds()
 
 if (thisplace[0]=='Delhi') {
  minutes=eval(minutes+30)
  if (minutes>=60) {
   minutes=eval(minutes-60)
   localhours=eval(localhours+1)
  }
 }
 if (eval(minutes) < 10) {minutes="0"+minutes}
 if (eval(seconds) < 10) {seconds="0"+seconds}
 if (eval(localhours) < 10) {localhours="0"+localhours}
 thistime = localhours+":"+minutes
 content+=" ------ "+thisplace[0]+": "+thistime
 }
 content+=" -------------------------------------"
 scrolltime()
}

function scrolltime() {
 if (i_substring<=content.length-1) {
  window.status=content.substring(i_substring,content.length-1)
  i_substring=i_substring+step
  var timer=setTimeout("extracttime()",speed)
 }
 else {
  i_substring=0
  clearTimeout(timer)
  extracttime()
 }
}

// - End of JavaScript - -->
</script>

</head>
<body bgcolor=#FFFFFF onLoad="extracttime()">

<DIV ID="deletethisblock" class="redirstyle" style="position:absolute;left:10px;top:110px;color:000000;font-family:Verdana;font-size:10pt">
Мировое пора в строке статуса
</DIV>

</body>

ПРИМЕР-48 Прозрачные часы

<head>

// - End of JavaScript - -->
</script>
<STYLE>
A {
color:0000FF;
text-decoration:none;
}
</STYLE>
</head>
<body onLoad="clockon()">

<div id="mainbody" style="position:absolute; visibility:visible">
<table cellpadding=7 width="100%">
<tr>
 <td colspan=3 align=center>
<H1>ВСЕ ДЛЯ ВЕБМАСТЕРА</H1>
</td>
</tr>
<tr>
 <td valign=top>
<font size=-2 face="Verdana">
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fjava.htm" target="_blank">Примеры JavaScript</a><p>
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fapplets.htm" target="_blank">Примеры апплетов</a><p>
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fnotes.htm" target="_blank">Архив статей</a><p>
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fpromotion.htm" target="_blank">Раскрутка сайта</a><p>

</font>
</td>

<td valign=top>
<font size=2 face="Verdana">
Вы создали новоиспеченный оригинальный проект, разместили на хорошем хостинге, поставили счетчики, но они сутки за днем показывают только Ваши заходы, только похоже заходы Ваших друзей также коллег. 
Что действовать? Неужели ничто невозможно сделать? Можно!
Если Вы уверены, что Ваш сайт выглядит так, что никак не отталкивает своим видом, <br>
<center>
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fpromotion.htm" target="_blank">Вы можете начинать</a><p>

</font>
</td>

<td valign=top>
<font size=-2 face="Verdana">
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Frassylka_2Fglossar-1.htm" target="_blank">Основные термины Интернет</a><p>
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Frassylka_2Fcolortable.htm" target="_blank">Таблица цветовых кодов</a><p>
<a href="../click@http_3A_2F_2Fwww.eurostar.com.ua_2Fhtml.htm" target="_blank">HTML справочник</a><p>

</font>
</td>
</tr>
</table>
</div>

</body>

ПРИМЕР-49 Календарь(1 луна + время)

<HEAD>
 <TITLE>Календарь</TITLE>
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000">
<SCRIPT LANGUAGE="JavaScript">
<!--

setCal()

function getTime() {

// initialize time-related variables with current time settings

var now = new Date()

var hour = now.getHours()

var minute = now.getMinutes()

now = null

var ampm = ""

// validate hour values	and set value of ampm

if (hour >= 12) {

hour -= 12

ampm = "PM"

} else

ampm = "AM"

hour = (hour == 0) ? 12 : hour

// add zero digit to a one digit minute

if (minute < 10)

minute = "0" + minute // do not parse this number!

// return time string

return hour + ":" + minute + " " + ampm

}

function leapYear(year) {

if (year % 4 == 0) // basic rule

return true // is leap year

/* else */ // else not needed when statement is "return"

return false // is not leap year

}

function getDays(month, year) {

// create array to hold number of days in each month

var ar = new Array(12)

ar[0] = 31 // January

ar[1] = (leapYear(year)) ? 29 : 28 // February

ar[2] = 31 // March

ar[3] = 30 // April

ar[4] = 31 // May

ar[5] = 30 // June

ar[6] = 31 // July

ar[7] = 31 // August

ar[8] = 30 // September

ar[9] = 31 // October

ar[10] = 30 // November

ar[11] = 31 // December

// return number of days in the specified month (parameter)

return ar[month]

}

function getMonthName(month) {

// create array to hold name of each month

var ar = new Array(12)

ar[0] = "January"

ar[1] = "February"

ar[2] = "March"

ar[3] = "April"

ar[4] = "May"

ar[5] = "June"

ar[6] = "July"

ar[7] = "August"

ar[8] = "September"

ar[9] = "October"

ar[10] = "November"

ar[11] = "December"

// return name of specified month (parameter)

return ar[month]

}

function setCal() {

// standard time attributes

var now = new Date()

var year = now.getYear()

var month = now.getMonth()

var monthName = getMonthName(month)

var date = now.getDate()

now = null

// create instance of first day of month, and extract the day on which it occurs

var firstDayInstance = new Date(year, month, 1)

var firstDay = firstDayInstance.getDay()

firstDayInstance = null

// number of days in current month

var days = getDays(month, year)

// call function to draw calendar

drawCal(firstDay + 0, days, date, monthName, 0 + year)

}

function drawCal(firstDay, lastDate, date, monthName, year) {

// constant table settings

var headerHeight = 50 // height of the table's header cell

var border = 2 // 3D height of table's border

var cellspacing = 4 // width of table's border

var headerColor = "midnightblue" // color of table's header

var headerSize = "+3" // size of tables header font

var colWidth = 50 // width of columns in table

var dayCellHeight = 25 // height of cells containing days of the week

var dayColor = "darkblue" // color of font representing week days

var cellHeight = 40 // height of cells representing dates in the calendar

var todayColor = "red" // color specifying today's date in the calendar

var timeColor = "purple" // color of font representing current time

// create basic table structure

var text = "" // initialize accumulative variable to empty string

text += '<CENTER>'

text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings

text += 	'<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell

text += 		'<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header

text += 			monthName + ' ' + year

text += 		'</FONT>' // close table header's font settings

text += 	'</TH>' // close header cell

// variables to hold constant settings

var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'

openCol += '<FONT COLOR="' + dayColor + '">'

var closeCol = '</FONT></TD>'

// create array of abbreviated day names

var weekDay = new Array(7)

weekDay[0] = "Sun"

weekDay[1] = "Mon"

weekDay[2] = "Tues"

weekDay[3] = "Wed"

weekDay[4] = "Thu"

weekDay[5] = "Fri"

weekDay[6] = "Sat"

// create first row of table to set column width and specify week day

text += '<TR ALIGN="center" VALIGN="center">'

for (var dayNum = 0; dayNum < 7; ++dayNum) {

text += openCol + weekDay[dayNum] + closeCol

}

text += '</TR>'

// declaration and initialization of two variables to help with tables

var digit = 1

var curCell = 1

for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {

text += '<TR ALIGN="right" VALIGN="top">'

for (var col = 1; col <= 7; ++col) {

if (digit > lastDate)

break

if (curCell < firstDay) {

text += '<TD></TD>'

curCell++

} else {

if (digit == date) { // current cell represent today's date

text += '<TD HEIGHT=' + cellHeight + '>'

text += '<FONT COLOR="' + todayColor + '">'

text += digit

text += '</FONT><BR>'

text += '<FONT COLOR="' + timeColor + '" SIZE=2>'

text += '<CENTER>' + getTime() + '</CENTER>'

text += '</FONT>'

text += '</TD>'

} else

text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'

digit++

}

text += '</TR>'

}

// close all basic table tags

text += '</TABLE>'

text += '</CENTER>'

// print accumulative HTML string

document.write(text)

}

// -->

</SCRIPT>
</BODY>

ПРИМЕР-50 Число, пора прописью

[1 шт.]

Развернуть/свернуть >>> Развернуть/свернуть окно с комментариями

Тарас Киев	Спасибо за информацию! Добавил в закладки, обязательно вернусь!
E-mail: shram.com.ua@mail.ru, Home page: www.shram.com.ua
№1, написано 02.12.10 10:43:18

Перешли этот пост трем друзьям, и твой цветочек аси превратится в значок доллара. Я попробовал, у меня так :)

			
			<input class="v" type="text" value="http://shram.com.ua/site/js.shtml&nbsp;-&nbsp;http://shram.com.ua/site/js.shtml" readonly />
			ссылка:
		
			<input class="v" type="text" value="<a href=js.shtml>http://shram.com.ua/site/js.shtml</a>" readonly />
			сайт:
		
			<input class="v" type="text" value="[url=http://shram.com.ua/site/js.shtml]http://shram.com.ua/site/js.shtml[/url]" readonly />
			форум:

Выгодная партнерская программа Отличный заработок для вебмастеров
Заработай на сайте Размещай триззеры у себя на сайте, привлекай партнеров и получай доход на webmoney
Легкий заработок Заработай $0,015 за 20 секунд и $0,005 за рефералов без ограничений и вложений
Покупаем руские/украинские клики продажа рекламы на вашем сайте по $0,2 за клик
Эффективная расскрутка $1.0 за 1000 уникальных визитов по 30 секунд на ваш сайт
Знакомства в мире Более 20000000 анкет со всего мира для вас бесплатно
Online Казино Супер казино для азартных людей с контролем честности

www.shram.com.ua

Готовые для использования примеры JavaScript