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", але ви можете його замінити на будь-яке інше (великі літери враховуються):
<code>&lt;script laguage=JavaScript&gt; &lt;br&gt; pass = prompt('Введите пароль');&lt;br&gt; if (pass=='name') { alert('Пароль верный') } &lt;br&gt; else { alert('Неверный пароль!'), top.location.href="/click?http://" }&lt;br&gt; &lt;/script&gt; &lt;br&gt;</code>




Цей скрипт виводить вітання, дату і день тижня в залежності від поточного часу доби:
<code>&lt;script type=text/JavaScript&gt; function priv() { var dt = new Date(); var nt = dt.getHours(); var hs = ''; if ( nt&gt;=0 &amp;&amp; nt&lt;6 ) hs="Доброй ночи!"; if ( nt&gt;=6 &amp;&amp; nt&lt;11 ) hs="Доброе утро!"; if ( nt&gt;=11 &amp;&amp; nt&lt;18 ) hs="Добрый день!"; if ( nt&gt;=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()&lt;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&lt;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()); } &lt;/script&gt; &lt;script&gt;document.writeln(priv());&lt;/script&gt; &lt;script&gt;document.writeln(dat());&lt;/script&gt;</code>
приклад:
|





Простий скрипт виведення дати і йдуть годин:
<code>&lt;Script laguage=JavaScript&gt; function fulltime() { var time=new Date(); document.clock.full.value=time.toLocaleString(); setTimeout('fulltime()',500) } &lt;/script&gt; &lt;form name=clock&gt; &lt;input type=text size=20 name=full&gt; &lt;/form&gt; &lt;script laguage=JavaScript&gt;fulltime(); &lt;/script&gt;</code>




Скрипт, який блокує спливаюче меню на сторінці при натисканні правої кнопки мишки:
<code>&lt;SCRIPT&gt;function click() { if(event.button==2) {alert("..если хочешь - сохраняй всю страницу, а по частям не дам.. &lt;img src="/img/skin/smiles/smile.png" alt=":)"&gt;"); } } document.onmousedown=click; &lt;/SCRIPT&gt;</code>




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

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




Вбити рекламний банер хостингу від Народу можна простим додаванням в кінці сторінки наступного коду (після тега </ html>):
<noscript><noscript>
<plaintext><plaintext>





А ось ще один скрипт, який в нижній (статусної) панелі броузера по буквах виводить заголовок вашої сторінки:
<code>&amp;lt;SCRIPT&amp;gt;&amp;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() // --&amp;gt; &amp;lt;/SCRIPT&amp;gt;</code>




Наступний Java скрипт цікавий тим, що дозволяє створити простий пошук по сторінках вашого сайту навіть на хості, що не підтримує Php, Perl і тому подібні dhtml скрипти. Єдина незручність в тому, що в сам скрипт вам доведеться вводити дані про зміст ваших сторінок в наступному форматі: c ++; item [c] = new Array ( "адрес.htm", "", "назва сторінки", "ключові слова", "опис"); Сторінками, не зазначених в скрипті пошук естейственно вестися не буде. Код скрипта необхідно вставити перед </ head> тегом вашої сторінки: <code>&amp;lt;SCRIPT LANGUAGE="JavaScript"&amp;gt;&amp;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="&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;title&amp;gt;Результат поиска "+txt+"&amp;lt;/title&amp;gt;&amp;lt;META content='text/html; charset=windows-1251' http-equiv=Content-Type&amp;gt;&amp;lt;LINK href=\"/develop/js/styles.css\" rel=STYLESHEET type=text/css&amp;gt;\n&amp;lt;/head&amp;gt;\n&amp;lt;BODY link=#2288DD aLink=#ff0000 vLink=#ff0033 leftMargin=2 topMargin=0 MARGINHEIGHT=0 MARGINWIDTH=2&amp;gt;&amp;lt;center&amp;gt;&amp;lt;table border=0 cellspacing=10 width=80%&amp;gt;"; win.document.write(page); fnd = new Array(); total=0; for (i = 0; i &amp;lt; item.length; i++) { fnd[i] = 0; order = new Array(0, 4, 2, 3); for (j = 0; j &amp;lt; order.length; j++) for (k = 0; k &amp;lt; txt.length; k++) if (item[i][order[j]].toLowerCase().indexOf(txt[k]) &amp;gt; -1 &amp;&amp; txt[k] != "") fnd[i] += (j+1); } for (i = 0; i &amp;lt; fnd.length; i++) { n = 0; w = -1; for (j = 0;j &amp;lt; fnd.length; j++) if (fnd[j] &amp;gt; n) { n = fnd[j]; w = j; }; if (w &amp;gt; -1) total += show(w, win, n); fnd[w] = 0; } win.document.write("&amp;lt;/table&amp;gt;&amp;lt;br&amp;gt;&amp;lt;small&amp;gt;Всего найдено страниц : &amp;lt;b&amp;gt;"+total+"&amp;lt;/b&amp;gt; c словом &amp;lt;b&amp;gt;&amp;lt;font color=red&amp;gt;"+txt+"&amp;lt;/font&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/body&amp;gt;&amp;lt;/html&amp;gt;"); win.document.close(); } function show(which,wind,num) { link = item[which][1] + item[which][0]; line = "&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;&amp;lt;small&amp;gt;&amp;lt;a href='"+link+"'&amp;gt;"+item[which][2]+"&amp;lt;/a&amp;gt; Совпадений: "+num+"&amp;lt;br&amp;gt;"; line += item[which][4] + "&amp;lt;br&amp;gt;"+link+"&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;"; wind.document.write(line); return 1; } //--&amp;gt;&amp;lt;/script&amp;gt;</code>
Сама форма пошуку вставляється в будь-яке місце сторінки наступним кодом:
<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>

В результат пошуку виводяться посилання і назви сторінок, а також скільки разів дане слово зустрічається на кожній із знайдених сторінок. Ось приклад роботи цього скрипта:
Приклад (тільки форми):





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




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

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

<code>// &lt;!-- 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") &amp;&amp; (parseInt(navigator.appVersion.substring(0,1)) &lt; 3)) { return(' '); } var j=(new Date()).getSeconds() % 3; document.write('&lt;a href=' + this[2*j+1] + ' target=blank&gt;&lt;img src=' + this[2*j+2] + ' border=0 width=88 height=31&gt;&lt;/a&gt;'); return(' '); } // --&gt;&lt;/SCRIPT&gt;&lt;SCRIPT language=JavaScript&gt;// &lt;!-- Main banners(); // --&gt;&lt;/SCRIPT&gt;</code>
Не забудьте також вірно вказати число ваших банерів (тут j = 3) в наступному рядку: var j = (new Date ()). GetSeconds ()% 3;





Це скрипт оригінального годинника з циферблатом (приклад в нижньому правому куті):
<code>&lt;!-- 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('&lt;div style="position:absolute;top:0px;left:0px"&gt;&lt;div style="position:relative"&gt;'); for (i=1; i &lt; dots+1; i++){ document.write('&lt;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"&gt;'+i+'&lt;/code&gt;'); } document.write('&lt;/div&gt;&lt;/div&gt;') document.write('&lt;div style="position:absolute;top:0px;left:0px"&gt;&lt;div style="position:relative"&gt;'); for (i=0; i &lt; M.length; i++){ document.write('&lt;div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"&gt;&lt;/div&gt;'); } document.write('&lt;/div&gt;&lt;/div&gt;') document.write('&lt;div style="position:absolute;top:0px;left:0px"&gt;&lt;div style="position:relative"&gt;'); for (i=0; i &lt; H.length; i++){ document.write('&lt;div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"&gt;&lt;/div&gt;'); } document.write('&lt;/div&gt;&lt;/div&gt;') document.write('&lt;div style="position:absolute;top:0px;left:0px"&gt;&lt;div style="position:relative"&gt;'); for (i=0; i &lt; S.length; i++){ document.write('&lt;div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"&gt;&lt;/div&gt;'); } document.write('&lt;/div&gt;&lt;/div&gt;') } 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 &lt; 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 &lt; 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 &lt; 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 &lt; 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(); //--&gt;&lt;/SCRIPT&gt;</code>
У перших 6-й рядках скрипта ви можете змінити колір будь-якого елемента і колір Вашого годинника.
Координати виведення можна коригувати зміною двох чисел в останньому блоці скрипта:
Ypos = document.body.scrollTop + window.document.body.clientHeight-Ybase-10;
Xpos = document.body.scrollLeft + window.document.body.clientWidth-Xbase-10;