special

  1. HOME
  2. Для Сайта
  3. Java Scripts Collection

Java Scripts Collection Коллекция скриптов


Следующий пример может заменить скрипт, управляющий цветом фона, текста и ссылок непосредс- твенно с веб страницы. Посетителю страницы лишь нужно будет для этого кликнуть по одной из ячеек вот такой небольшой таблицы:

__ __ __ __ __ __ __


В основе такого приёма лежит команда управления по клику мыши - span onClick="..." вот собственно и сам код ( здесь код лишь одной ячейки таблицы ):
<table style="CURSOR: hand" align=center bgcolor= ... >
<tbody> <tr> <td bgcolor=#C8CECD width="20" height="13">

<span onClick="bgColor='#C8CECD'; fgColor='#000000'; linkColor='#0000СС'; vlinkColor='#9900СС'"> <font color="#000000">__</font>

</span> </td>

... </tr> </tbody>
</table>



Это простейший скрипт для установки пароля на веб страницу. Вставить в тег <HEAD>. Здесь значение пароля = "name", но вы можете его заменить на любое другое ( заглавные буквы учитываются ):
<script laguage="JavaScript"> <br> pass = prompt('Введите пароль');<br> if (pass=='name') { alert('Пароль верный') } <br> else { alert('Неверный пароль!'), top.location.href="/click?http://" }<br> </script> <br>



Этот скрипт выводит приветствие, дату и день недели в зависимости от текущего времени суток:
<script type=text/JavaScript> function priv() { var dt = new Date(); var nt = dt.getHours(); var hs = ''; if ( nt>=0 && nt<6 ) hs="Доброй ночи!"; if ( nt>=6 && nt<11 ) hs="Доброе утро!"; if ( nt>=11 && nt<18 ) hs="Добрый день!"; if ( nt>=18 ) hs="Добрый вечер!"; return hs; } function dat() { var k = ''; var Day = ''; var Month = ''; var now = new Date(); var pr = now.getYear(); var yr = 2000; var mName = now.getMonth() + 1; var dName = now.getDay() + 1; var dayNr = ((now.getDate()<10) ? "0" : "") + now.getDate(); pr = (pr % 100); if(pr==3) k="2003"; if(pr==4) k="2004"; if(pr==5) k="2005"; if(pr==6) k="2006"; if(pr==7) k="2007"; if(pr==8) k="2008"; if(pr==9) k="2009"; if(pr==10) k="2010"; if(pr==11) k="2011"; if(pr==12) k="2012"; if(pr==13) k="2013"; if(pr==14) k="2014"; if(dName==1) Day = "Воскресенье"; if(dName==2) Day = "Понедельник"; if(dName==3) Day = "Вторник"; if(dName==4) Day = "Среда"; if(dName==5) Day = "Четверг"; if(dName==6) Day = "Пятница"; if(dName==7) Day = "Суббота"; if(mName==1) Month="января"; if(mName==2) Month="февраля"; if(mName==3) Month="марта"; if(mName==4) Month="апреля"; if(mName==5) Month="мая"; if(mName==6) Month="июня"; if(mName==7) Month="июля"; if(mName==8) Month="августа"; if(mName==9) Month="сентября"; if(mName==10) Month="октября"; if(mName==11) Month="ноября"; if(mName==12) Month="декабря"; var nnn =(""+dayNr+" "+Month+" " + k + " года" + " - " + Day); document.open(); return nnn; } function ALZ(s) { return (s<10?"0":"")+s.toString(); } function C2UT(s) { d=new Date(s); return ALZ(d.getDate())+"."+ALZ(d.getMonth()+1)+"."+d.getFullYear()+" " +ALZ(d.getHours())+":"+ALZ(d.getMinutes()); } </script> <script>document.writeln(priv());</script> <script>document.writeln(dat());</script>
Пример:
 | 




Простой скрипт вывода даты и идущих часов :
<Script laguage="JavaScript"> function fulltime() { var time=new Date(); document.clock.full.value=time.toLocaleString(); setTimeout('fulltime()',500) } </script> <form name=clock> <input type=text size=20 name=full> </form> <script laguage="JavaScript">fulltime(); </script>



Скрипт, блокирующий всплывающее меню на странице при нажатии правой кнопки мышки :
<SCRIPT>function click() { if(event.button==2) {alert("..если хочешь - сохраняй всю страницу, а по частям не дам.. :)"); } } document.onmousedown=click; </SCRIPT>



Для вывода даты и времени редактирования страницы вставьте (перед скриптом укажите тег шрифта):
Пример:

&lt;script language=JavaScript&gt; d = new Date(); t = Date.parse(document.lastModified); r = Math.round((d-t)/86400000); document.write("Сегодня "); document.write(d.toLocaleString()); &lt;/script&gt;



Убить рекламный баннер хостинга от Народа можно простым добавлением в конце страницы следующего кода (после тега </html> ):
<noscript><noscript>
<plaintext><plaintext>



А вот ещё один скрипт, который в нижней ( статусной ) панели броузера по буквам выводит заголовок вашей страницы:
&lt;SCRIPT&gt;&lt;!-- var tit = document.title; var c = 0; function writetitle() {document.title = tit.substring(0,c); if(c==tit.length) {c = 0; setTimeout("writetitle()", 3000) } else{ c++; setTimeout("writetitle()", 200) }}writetitle() // --&gt; &lt;/SCRIPT&gt;



Следующий Java скрипт интересен тем, что позволяет создать простой поиск по страницам вашего сайта даже на хосте, не поддерживающем Php, Perl и тому подобные dhtml скрипты. Единственное неудобство в том, что в сам скрипт вам придётся вводить данные о содержании ваших страниц в следующем формате: c++; item[c]=new Array("адрес.htm","","название страницы","ключевые слова","описание");

По страницам, не указанным в скрипте поиск естейственно вестись не будет.

Код скрипта необходимо вставить перед </head> тэгом вашей странички:

&lt;SCRIPT LANGUAGE="JavaScript"&gt;&lt;!-- var item = new Array(); // "имя","путь","название","ключевые,слова","описание страницы" c=0; item[c]=new Array("Y-net.narod.htm","","Введение","скачать, поиск, html, форум, веб, сайт, редактор, раскрутка, каталог","Редакторы, поиск, html"); c++; item[c]=new Array("y.htm","","название","слова","описание"); c++; item[c]=new Array("y.htm","","название","слова","описание"); c++; item[c]=new Array("y.htm","","название","слова","описание"); function search(frm) { win = window.open("","","width=500,height=400,resizable=yes,scrollbars=yes,status=1"); txt = frm.searchtext.value.split(" "); page="&lt;html&gt;&lt;head&gt;&lt;title&gt;Результат поиска "+txt+"&lt;/title&gt;&lt;META content='text/html; charset=windows-1251' http-equiv=Content-Type&gt;&lt;LINK href=\"/develop/js/styles.css\" rel=STYLESHEET type=text/css&gt;\n&lt;/head&gt;\n&lt;BODY link=#2288DD aLink=#ff0000 vLink=#ff0033 leftMargin=2 topMargin=0 MARGINHEIGHT=0 MARGINWIDTH=2&gt;&lt;center&gt;&lt;table border=0 cellspacing=10 width=80%&gt;"; win.document.write(page); fnd = new Array(); total=0; for (i = 0; i &lt; item.length; i++) { fnd[i] = 0; order = new Array(0, 4, 2, 3); for (j = 0; j &lt; order.length; j++) for (k = 0; k &lt; txt.length; k++) if (item[i][order[j]].toLowerCase().indexOf(txt[k]) &gt; -1 && txt[k] != "") fnd[i] += (j+1); } for (i = 0; i &lt; fnd.length; i++) { n = 0; w = -1; for (j = 0;j &lt; fnd.length; j++) if (fnd[j] &gt; n) { n = fnd[j]; w = j; }; if (w &gt; -1) total += show(w, win, n); fnd[w] = 0; } win.document.write("&lt;/table&gt;&lt;br&gt;&lt;small&gt;Всего найдено страниц : &lt;b&gt;"+total+"&lt;/b&gt; c словом &lt;b&gt;&lt;font color=red&gt;"+txt+"&lt;/font&gt;&lt;br&gt;&lt;/body&gt;&lt;/html&gt;"); win.document.close(); } function show(which,wind,num) { link = item[which][1] + item[which][0]; line = "&lt;tr&gt;&lt;td&gt;&lt;small&gt;&lt;a href='"+link+"'&gt;"+item[which][2]+"&lt;/a&gt; Совпадений: "+num+"&lt;br&gt;"; line += item[which][4] + "&lt;br&gt;"+link+"&lt;/td&gt;&lt;/tr&gt;"; wind.document.write(line); return 1; } //--&gt;&lt;/script&gt;
Сама форма поиска вставляется в любое место страницы следующим кодом:
<FORM method=get action="javascript:void(0)" onsubmit="search(this); return false;">
<input class=inputbox type=text name=searchtext value="html" size="30">
<input class=button type=submit value=" Поиск по сайту ">
</FORM>
В результат поиска выводятся ссылки и названия страниц, а также сколько раз данное слово встречается на каждой из найденных страниц. Вот пример работы этого скрипта:
Пример (только формы):




Следующий скрипт считает возраст сайта в днях, вам лишь нужно изменить дату создания сайта и текст строки вывода:
<script language="JavaScript">d0 = new Date('January 11, 2003'); d1 = new Date(); dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); document.write('<SMALL>'); document.write('Этому сайту исполнилось <B>' + Math.round(dt) + '</B> дней.'); document.write('</SMALL>'); </script>



Cкрипт вашей баннерной сети, иными словами данный скрипт выводит случайный баннер из указанного в нём списка. Для каждого баннера задаётся два параметра - адрес ссылки и путь к gif картинке:

this[1]="http://ссылка_01";
this[2]="banner_01.gif";

// <!-- Main function banners() { this[1]="http://ссылка01"; this[2]="banner01.gif"; this[3]="http://ссылка02"; this[4]="banner02.gif"; this[5]="http://ссылка03"; this[6]="banner03.gif"; if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0,1)) < 3)) { return(' '); } var j=(new Date()).getSeconds() % 3; document.write('<a href=' + this[2*j+1] + ' target=blank><img src=' + this[2*j+2] + ' border=0 width=88 height=31></a>'); return(' '); } // --></SCRIPT><SCRIPT language="JavaScript">// <!-- Main banners(); // --></SCRIPT>
Не забудьте также верно указать число ваших баннеров ( здесь j=3 ) в следующей строке: var j=(new Date()).getSeconds() % 3;




Это скрипт оригинальных часов с циферблатом ( пример в нижнем правом углу ):
<!-- fCol='444444'; //face colour. sCol='CC0000'; //seconds colour. mCol='444444'; //minutes colour. hCol='444444'; //hours colour. Ybase=28; //Clock height. Xbase=28; //Clock width. H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); IE4=(document.all); Ypos=0; Xpos=0; dots=12; Split=360/dots; if (IE4){ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</code>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } function clock(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360; if (IE4){ Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-10; Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-10; for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180) ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180) } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs); } } setTimeout('clock()',100); } clock(); //--></SCRIPT>
В первых 6-и строках скрипта вы можете изменить цвет любого элемента и размер часов.
Координаты вывода можно корректировать изменением двух чисел в последнем блоке скрипта:
Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-10;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-10;

Created/Updated: 25.05.2018