|
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> Для вывода даты и времени редактирования страницы вставьте (перед скриптом укажите тег шрифта):
Пример:
<script language=JavaScript>
d = new Date();
t = Date.parse(document.lastModified);
r = Math.round((d-t)/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;
Created/Updated: 25.05.2018
☕ Якщо ви вважаєте ці поради українською корисними, можете підтримати автора і, звичайно, отримуйте задоволення!
📩 Шановні, якщо хочете додати або відредагувати, надішліть повідомлення через форму контакту.