GREY-RUSSIA.NAROD.RU---BONUS---КОЛЛЕКЦИЯ JAVASCRIPT'ов

GREY-RUSSIA.NAROD.RU---BONUS---КОЛЛЕКЦИЯ JAVASCRIPT'ов
	Скрипт, показывающий полную дату: <html> <head> <title>Дата время.</title> <script language="JavaScript"> <!-- dayarray=new Array("воскресенье","понедельник","вторник","среда","четверг","пятница","суббота") montharray=new Array ("января","февраля","марта","апреля","мая","июня","июля","августа","сентября", "октября","ноября","декабря") ndata=new Date(); day=dayarray[ndata.getDay()]; month=montharray[ndata.getMonth()]; date=ndata.getDate(); year=ndata.getYear(); hours = ndata.getHours(); mins = ndata.getMinutes(); secs = ndata.getSeconds(); if (hours < 10) {hours = "0" + hours } if (mins < 10) {mins = "0" + mins } if (secs < 10) {secs = "0" + secs } datastr=("Сегодня "+ date +" "+ month +" "+ year +" года, "+day+", "+ hours + ":" + mins ) --> </script> </head> <body> <font face="verdana,arial" size="2" color="#8000FF"> <script language="JavaScript"> <!-- document.write(datastr); --> </script> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Бегущая строка в поле статуса: <html> <head> <title>Бегущая строка в поле статуса</title> <script language="JavaScript" type="text/javascript"> function statusMessageObject(p,d) { this.msg = MESSAGE this.out = " " this.pos = POSITION this.delay = DELAY this.i = 0 this.reset = clearMessage } function clearMessage() { this.pos = POSITION } var POSITION = 100 var DELAY = 40 var MESSAGE = " JavaScript-RULEZZZ " + " JavaScript-RULEZZZ " var scroll = new statusMessageObject() function scroller() { for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) { scroll.out += " " } if (scroll.pos >= 0) scroll.out += scroll.msg else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length) window.status = scroll.out scroll.out = " " scroll.pos-- if (scroll.pos < -(scroll.msg.length)) { scroll.reset() } setTimeout ('scroller()',scroll.delay) } </script> </head> <body onLoad="scroller()"> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Сообщение в строке статуса с изменяющимся регистром букв: <html> <head> <title>Сообщение в строке статуса с изменяющимся регистром букв.</title> <script language="Javascript" type="text/javascript"> <!--// var text = "javascript-rulezzz" var speed = 200 // скорость смены букв с маленьких на большие var x = 0 function bb() { var a = text.substring(0,x) var b = text.substring(x,x+1).toUpperCase() var c = text.substring(x+1,text.length) window.status = a + b + c if (x == text.length) { x = 0 } else { x++ } setTimeout("bb()",speed) } bb(); //--> </script> </head> <body> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Отключение правой кнопки мыши с выдачей сообщения: <html> <head> <title>Отключение правых кнопок мыши с выдачей сообщения</title> <SCRIPT language=Javascript1.2> <!-- var message='Кнопка отключена!!!'; function click(e) { if (document.all) { if (event.button == 2) { alert(message); return false;}} if (document.layers) { if (e.which == 3) { alert(message); return false;}}} if (document.layers) { document.captureEvents(Event.MOUSEDOWN);} document.onmousedown=click; // --> </SCRIPT> </head> <body> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Часы в форме, формат вывода: 12:13:45 <html> <head> <title>Время.</title> </head> <body onLoad="myclock()"> <script language="JavaScript"> <!-- function myclock() { ndata=new Date() // Получение показаний часов, минут и секунд hours= ndata.getHours(); mins= ndata.getMinutes(); secs= ndata.getSeconds(); // Дополнение показаний нулем слева if (hours < 10) {hours = "0" + hours } if (mins < 10) {mins = "0" + mins } if (secs < 10) {secs = "0" + secs } // Суммирование всех данных для вывода datastr =hours+":" + mins+":" +secs // Запись данных document.clockexam.clock.value = " "+datastr; // Вызов функции с интервалом 1000 ms setTimeout("myclock()", 1000); } --> </script> <form name="clockexam"><input type="text" size="9" name="clock"></form> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Часы в бегущей строке поля формы: <html> <head> <title>Часики в бегущей строке</title> </head> <script LANGUAGE="javascript"> var id var position=0 var numofloop=10 function banner() { var nor = new Date() var minutes = nor.getMinutes() var hours = nor.getHours() var seconds = nor.getSeconds() var nortime = "В настоящий момент " nortime += ((hours > 12) ? hours - 12 : hours) nortime += ((minutes < 10) ? ":0" : ":") + minutes nortime += ((seconds < 10) ? ":0" : ":") + seconds nortime += (hours >= 12) ? " после полудня" : " до полудня" var msg=" А знаете сколько сейчас времени? " + nortime + " "; var pace=10; document.form.banner.value=msg.substring(position,position+75) ; if (position++==msg.length) { if (numofloop-- < 2) return; position=0; } id=setTimeout ("banner()", 1000/pace); } </script> <body onload="banner()"> <form name="form"> <input type="text" name="banner" size="40"> </form> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Часы стрелочные: <html> <head> <title>Часы круглые</title> <script language="JavaScript"> <!-- Begin pX = 100; // Положение часов pY = 100; obs = new Array(13); function ob() { for (i = 0; i < 13; i++) { if (document.all) obs[i] = new Array (eval('ob'+i).style,-100,-100); else obs[i] = new Array (eval('document.ob'+i),-100,-100); } } function cl(a, b, c) { if (document.all) { if (a != 0) b += -1; eval('c'+a+'.style.pixelTop='+(pY+(c))); eval('c'+a+'.style.pixelLeft='+(pX+(b))); } else { if (a != 0) b += 10; eval('document.c'+a+'.top='+(pY+(c))); eval('document.c'+a+'.left='+(pX+(b))); } } function runClock() { for (i = 0; i < 13; i++) { obs[i][0].left=obs[i][1]+pX; obs[i][0].top=obs[i][2]+pY; } } var lastsec; function timer() { time = new Date (); sec = time.getSeconds(); if (sec != lastsec) { lastsec = sec; sec = Math.PI * sec / 30; min = Math.PI * time.getMinutes() / 30; hr = Math.PI * time.getHours() / 6 + Math.PI * parseInt(time.getMinutes()) / 360; for (i = 1; i < 6; i++) { obs[i][1] = Math.sin(sec) * (44 - (i-1) * 11) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(sec) * (44 - (i-1) * 11) - 27; } for (i = 6;i < 10; i++) { obs[i][1] = Math.sin(min) * (40 - (i-6) * 10) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(min) * (40 - (i-6) * 10) - 27; } for (i = 10; i < 13; i++) { obs[i][1] = Math.sin(hr) * (37 - (i-10) * 11) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(hr) * (37 - (i-10) * 11) - 27; } } } function setNum() { cl (0, -67, -65); cl (1, 10, -51); cl (2, 28, -33); cl (3, 35, -8); cl (4, 28, 17); cl (5, 10, 35); cl (6, -15, 42); cl (7, -40, 35); cl (8, -58, 17); cl (9, -65, -8); cl (10, -58, -33); cl (11, -40, -51); cl (12, -16, -56); } function startClock() { ob(); setNum(); setInterval('timer()', 100); setInterval('runClock()', 100); } // End --> </script> <style> ..num {color:white;width:30px;text-align:center; } </style> </head> <body onLoad="javascript:startClock();"> <font face="Courier"><div id="c0" style="Z-INDEX: 2; LEFT: 38px; POSITION: absolute; TOP: 36px" ></div> <DIV></DIV> <div id="c1" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>1</b></div> <div id="c2" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>2</b></div> <div id="c3" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>3</b></div> <div id="c4" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>4</b></div> <div id="c5" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>5</b></div> <div id="c6" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>6</b></div> <div id="c7" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>7</b></div> <div id="c8" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>8</b></div> <div id="c9" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>9</b></div> <div id="c10" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>10</b></div> <div id="c11" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>11</b></div> <div id="c12" class="num" style="FONT-SIZE: 11px; Z-INDEX: 5; LEFT: 170px; POSITION: absolute; TOP: -20px"><b>12</b></div> <div id="ob0" class="num" style="Z-INDEX: 1; LEFT: -170px; POSITION: absolute; TOP: -20px"> </div> <div id="ob1" class="num" style="Z-INDEX: 8; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob2" class="num" style="Z-INDEX: 8; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob3" class="num" style="Z-INDEX: 8; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob4" class="num" style="Z-INDEX: 8; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob5" class="num" style="Z-INDEX: 8; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob6" class="num" style="Z-INDEX: 7; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob7" class="num" style="Z-INDEX: 7; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob8" class="num" style="Z-INDEX: 7; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob9" class="num" style="Z-INDEX: 7; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob10" class="num" style="Z-INDEX: 6; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob11" class="num" style="Z-INDEX: 6; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob12" class="num" style="Z-INDEX: 6; LEFT: -170px; POSITION: absolute; TOP: -20px"> <font size="+3" color="#ffff00"><b>.</b></font></div></font> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Часы в заголовке: <html> <head> <title>Загрузка...</title> </head> <body bgcolor="#FFFFFF" text="#000000" onload="start(document.forms[0])" onunload="cleartids()"> <script language="JavaScript"> timestr = "00:00:00"; tid = 0; pause = 0; var to; var bcount; var tcount; function writer(){ document.write("test"); } function time(n) { tid=window.setTimeout("time(1)",to); today = new Date() if(today.getMinutes() < 10){ pad = "0"} else pad = ""; if(today.getSeconds() < 10){ pads = "0"} else pads = ""; timestr=today.getHours()+":"+pad+today.getMinutes()+":"+pads+today.getSeconds(); document.title = timestr; window.clearTimeout(tid); tid=window.setTimeout("time()",to); } function start(x) { f=x; to=60; time(x); } function cleartids() { window.clearTimeout(tid); } </script> <p>Смотрите на заголовок страницы...</p> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Печать страницы при клике на ссылке: <html> <head> <title>Печать страницы при клике по ссылке</title> <script language="JavaScript"> <!-- var browser_name = navigator.appName; function printit() { if (browser_name == "Netscape") { window.print(); } else { var WebBrowser = '<object id="WebBrowser1" width=0 height=0 classid="clsid:8856F961-340A-11D0-A96B-00C04FD705A2"></object>'; document.body.insertAdjacentHTML('beforeEnd', WebBrowser); WebBrowser1.ExecWB(6, 2); } } --> </script> </head> <body> <p>Чтобы распечатать данную страничку, просто нажмите <a href="#" onClick="printit();">Печатать</a>.</p> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Форма для сообщения появляется при клике правой кнопкой мышки в новом слоем поверх всего: <html> <head> <title>Форма для сообщения появляется при клике правой кнопкой мышки в новом слоем поверх всего.</title> <SCRIPT language=JavaScript> <!-- Beginning of JavaScript - function buttoncheck(e) { if (document.all && event.button==2) { document.all.orderwindow.style.visibility="visible" alert("Please order my HTML-source by email!") return false } if (document.layers && e.which==3) { document.orderwindow.visibility="visible" alert("Please order my HTML-source by email!") return false } } function sendmail() { if (document.all) { document.all.orderwindow.style.visibility="hidden" document.forms[0].submit() } if (document.layers) { document.orderwindow.visibility="hidden" document.orderwindow.document.forms[0].submit() } } function closewindow() { if (document.all) { document.all.orderwindow.style.visibility="hidden" } if (document.layers) { document.orderwindow.visibility="hidden" } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=buttoncheck; // --> </SCRIPT> </head> <body> <DIV id=explain>Нажмите правую кнопку мышки...</DIV> <DIV id=orderwindow style="LEFT: 150px; VISIBILITY: hidden; POSITION: absolute; TOP: 30px"> <FORM action=mailto:cerega2003@yandex.ru> <TABLE cellSpacing=0 cellPadding=4 width=250 border=0><tr> <th colSpan=2><strong>Пожалуйста пришлите ваш код.</strong></th></tr> <tr> <td bgColor=#000000>Ресурс (url):</TD> <td bgColor=#000000><INPUT maxLength=40 name=firstname></td></tr> <tr> <td bgColor=#000000>О чем он:</TD> <td bgColor=#000000><INPUT maxLength=40 name=country></td></tr> <tr> <td bgColor=#000000>Автор:</TD> <td bgColor=#000000><INPUT maxLength=40 name=lastname></td></tr> <tr> <td bgColor=#000000> Его e-mail:</TD> <td bgColor=#000000><INPUT maxLength=40 name=email></td></tr> <tr> <td bgColor=#000000 colSpan=2><INPUT id="b" onclick=sendmail() type=button value="Отправить"> <INPUT id="b" onclick=closewindow() type=button value="Закрыть"></td></tr> <tr><th colSpan=2></th></tr></TBODY></TABLE></DIV></FORM> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Подсказка по заполнению форм в строке состояния: <html> <head> <title>Подсказка в строке состояния</title> <script language="JavaScript" type="text/javascript"> <!-- // hide form other browsers function help(message) { self.status = message; return true; } function checkField(field) { if (field.value == "") help("Не забудьте заполнить эти поля"); else help(""); return true; } // stop hiding form other browsers --> </script> </head> <body> <form method="post"> Имя: <input type="text" name="name" onFocus="help('Ведите свое имя');" onBlur="checkField(this);"> E-mail: <input type="text" name="email" onFocus="help('Ведите свой e-mail');" onBlur="checkField(this);"></form> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Информацию можно перекидывать из одного поля OPTION в другое поле OPTION: <html> <head> <title>Информацию можно перекидывать из одного поля OPTION в другое поле OPTION.</title> <SCRIPT language=JavaScript> <!-- function move(fbox,tbox) { for(var i=0; i<fbox.options.length; i++) { if(fbox.options[i].selected && fbox.options[i].value != "") { // Add Option to tbox var no = new Option(); no.value = fbox.options[i].value; no.text = fbox.options[i].text; tbox.options[tbox.options.length] = no; // Clear option in fbox fbox.options[i]=null; i--; } } SortD(tbox); } function SortD(box) { var temp_opts = new Array(); var temptxt = new Object(); var tempval = new Object(); // Load temp array for(var i=0; i<box.options.length; i++) { temp_opts[i] = box.options[i]; } //sort temporary for(var x=0; x<temp_opts.length-1; x++) { for(var y=(x+1); y<temp_opts.length; y++) { if(temp_opts[x].text > temp_opts[y].text) { temptxt = temp_opts[x].text; temp_opts[x].text = temp_opts[y].text; temp_opts[y].text = temptxt; tempval = temp_opts[x].value; temp_opts[x].value = temp_opts[y].value; temp_opts[y].value = tempval; } } } for(var i=0; i<box.options.length; i++) { box.options[i].value = temp_opts[i].value; box.options[i].text = temp_opts[i].text; }} function Select(box) { for(var i=0; i<box.options.length; i++) { box.options[i].selected = true; }} // --> </SCRIPT> </head> <body> <table><tr><td><em>Список в форме отсортирован по имени<br> Используйте Shift и Ctrl при выделении</em></td> <td><FORM action="" method=post><TABLE border=0><TR><TD> Люблю:<br><SELECT multiple name=list1 size=4> <OPTION value=11>ветер</OPTION><OPTION value=12>дождь</OPTION><OPTION value=13>ливень</OPTION> <OPTION value=14>мороз</OPTION><OPTION value=15>наводнение</OPTION><OPTION value=16>снег</OPTION> <OPTION value=17>тепло</OPTION><OPTION value=18>ураган</OPTION><OPTION value=19>холод</OPTION> </SELECT></TD><TD> <br> <br> <INPUT name=B1 onclick=move(this.form.list1,this.form.list2) type=button value=" >> "><BR> <INPUT name=B2 onclick=move(this.form.list2,this.form.list1) type=button value=" << "> </TD><TD>Не люблю:<br><SELECT multiple name=list2 size=4> <OPTION value=21>грозу</OPTION><OPTION value=22>духату</OPTION><OPTION value=23>жару</OPTION> </SELECT></TD></TR></TABLE></FORM></td></tr></table> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html> Выделение всего содержимого поля textarea кликом по ссылке: <html> <head> <title>Выделение всего содержимого поля textarea кликом по ссылке.</title> <SCRIPT> <!-- function highlight(x){ document.forms[x].elements[0].focus() document.forms[x].elements[0].select() } //--> </SCRIPT> </head> <body> <FORM action= method=post> <A href="javascript:highlight(0)" onmouseover="window.status='';return true">Выделить все</A><br> <TEXTAREA cols=45 rows=3 style="WIDTH:250" wrap=virtual> Для того, чтобы выделить содержание формы нажмите Select All Используются технологии uCoz Отправка на e-mail сообщения, с указанием темы и отправителя (при участии почтовика): <html> <head> <title>Отправка на емайл сообщения, с указанием темы и отправителя (при участии почтовика).</title> <script language="JavaScript" type="text/javascript"> <!--// JavaScript1.3. script written by Deto Freeman function goSend() { top.location.href="mailto:cerega2003@yandex.ru?subject=Hi Name=" + document.fMem.tMemNm.value + ",Mail=" + document.fMem.tMemMl.value + ",Ad=" + document.fMem.tMemAd.value + ",Comments=" + document.fMem.tMemCm.value + ",ok(075765)"; } //--> </script> </head> <body> <table><tr> <td><form name=fMem>Имя:</td><td><input type="text" name="tMemNm"></td> </tr><tr> <td>E-mail:</td><td><input type="text" name="tMemMl"></td> </tr><tr> <td>Адрес:</td><td><input type="text" name="tMemAd"></td> </tr><tr> <td>Коментарий:</td><td><input type="text" name="tMemCm"></td> </tr><tr> <td> </td><td><input type="button" value=" OK " onClick="goSend()"></form></td> </tr></table> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body> </html>