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