Дополнительное окно
<script language="JavaScript"> <!-- function winop() { windop = window.open("window.htm","mywin","height=120,width=300,left=100,top=30"); } --> </script> </head> <body> <a href="javascript:winop();">Открыть окно</a>
Crossroads of Shinigami |
Время и погода: В игру нужны: Принимаются неканоны! Клип, коротко и ёмко обрисовывающий концепцию форума: |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Crossroads of Shinigami » Общее » Скрипты
Дополнительное окно
<script language="JavaScript"> <!-- function winop() { windop = window.open("window.htm","mywin","height=120,width=300,left=100,top=30"); } --> </script> </head> <body> <a href="javascript:winop();">Открыть окно</a>
Дополнительное окно, которое при наведении на ссылку открывается, при повторном наведении пытается закрыть то окно, из которого вызвано
<a href="http://lidoshka.narod.ru" onMouseOver="windop = window.open('window.htm','mywin','height=120,width=300');" onMouseOut="windop=window.close();">Открыть /Закрыть</a>
Дополнительное окно, которое само открывается при загрузке
<script language="JavaScript"> <!-- // function winop() { windop = window.open("window.htm","mywin","height=120,width=300"); } // --> </script> </head> <body onload="winop()">
Дополнительное окно, открывающееся при уходе с данной страницы
<script language="JavaScript"> <!-- // function winop() { windop = window.open("win.htm","mywin","height=120,width=300"); } // --> </script> </head> <body onunload="winop()">
Дополнительное окно с кнопкой ОТКРЫТЬ на странице и кнопкой ЗАКРЫТЬ в окне
<script language="JavaScript"> <!-- // function winop(){ windop=window.open("","mywin","width=300,height=120"); windop.document.open(); windop.document.write("<html><head><title>Дополнительное окно</title>"); windop.document.write("</head><body bgcolor=#f0f8f0>"); windop.document.write("<center><font face=Arial,Verdana size=3 color=#000080><b>Дополнительное окно</b></font></center>"); windop.document.write("<center><form><input type='button' value='Закрыть' onClick='window.close()'></form></center>") windop.document.write("</body></html>"); windop.document.close(); } // --> </script> <form> <input type="button" value="Открыть" onclick="winop();"> </form>
Дополнительное окно ТЕКУЩЕЕ ВРЕМЯ И ДАТА
<a href="" onclick="alert(new Date());return false">Текущее время и дата</a>
Дополнительное окно приветствия
<script language="JavaScript"> <!-- // function hi() { alert("Здравствуйте !"); } // --> </script> </head> <body onload="hi();">
Дополнительное окно прощания
<script language="JavaScript"> <!-- // function bye() { alert("До свидания !"); } // --> </script> </head> <body onunload="bye()">
Дополнительное окно перехода с подтверждением
<a href="http://glidia.narod.ru/index.htm" onclick="alert('Главная страница');">Переход</a>
скрипты для вставки игр
Замена заголовка документа
<script language="JavaScript"> <!-- function change(ttl){ window.document.title = ttl; } //--> </script> </head> <body> <a href="javascript:change('Заходите к нам на сайт')">title#1</a> <a href="javascript:change(''Колекция JavaScript будет пополняться')">title#2</a> <a href="javascript:change('Вы можете изменять заголовок страницы')">title#3</a> <a href="javascript:change('Но работает только в IE 4 и выше')">title#4</a>
Изменение заголовка окна(изменяется и при свернутом окне)
<script> var titletext=" Scriptic " var thetext="" var started=false var step=0 var times=1 function welcometext() { times-- if (times==0) { if (started==false) { started = true; document.title = titletext; setTimeout("anim()",1); } thetext = titletext; } } function showstatustext(txt) { thetext = txt; setTimeout("welcometext()",4000) times++ } function anim() { step++ if (step==7) {step=1} if (step==1) {document.title='>==='+thetext+'===<'} if (step==2) {document.title='=>=='+thetext+'==<='} if (step==3) {document.title='>=>='+thetext+'=<=<'} if (step==4) {document.title='=>=>'+thetext+'<=<='} if (step==5) {document.title='==>='+thetext+'=<=='} if (step==6) {document.title='===>'+thetext+'<==='} setTimeout("anim()",200); } if (document.title) window.onload=onload=welcometext </script>
Постепенный вывод заголовка документа
<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>
Часы в заголовке окна
<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> <body onload="start(document.forms[0])" onunload="cleartids()">
Бегущая строка в поле статуса
<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 = " Мы безумно " + " рады гостям!!! " 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()">
Вылетающие сообщение в строке статуса
<script language="JavaScript" type="text/javascript"> function snapIn(jumpSpaces,position) { var msg = "Добро пожаловать!!!" var out = "" if (killScroll) {return false} for (var i=0; i<position; i++) {out += msg.charAt(i)} for (i=1;i<jumpSpaces;i++) {out += " "} out += msg.charAt(position) window.status = out if (jumpSpaces <= 1) { position++ if (msg.charAt(position) == ' ') {position++ } jumpSpaces = 100-position } else if (jumpSpaces > 3) {jumpSpaces *= .75} else {jumpSpaces--} if (position != msg.length) { var cmd = "snapIn(" + jumpSpaces + "," + position + ")"; scrollID = window.setTimeout(cmd,5); } else { scrolling = false return false } return true } function snapSetup() { if (scrolling) if (!confirm('Re-initialize snapIn?')) return false killScroll = true scrolling = true var killID = window.setTimeout('killScroll=false',6) scrollID = window.setTimeout('snapIn(100,0)',10) return true } var scrollID = Object var scrolling = false var killScroll = false </script> </head> <body onLoad="snapSetup()" ?>
Дата обновления в строке статуса
<body onLoad="status=document.lastModified">
Мигающая строка в поле статуса
<script language="JavaScript" type="text/javascript"> <!--// var yourwords="Дабро пожаловать!"; var speed=600; var control=1; function flash() { if (control==1) { window.status=yourwords;control=0 } else { window.status="";control=1 } setTimeout("flash();",speed) }; flash(); //--> </script>
Надписи в строке состояния при нахождении курсора на панели инструментов и на странице
<body onMouseOut="status='JavaScript' ;return true" onMouseOver="status='Пример скрипта' ;return true">
Отключение изменение надписи в строке состояния (игнорирование заданных по умолчанию)
<script language="JavaScript" type="text/javascript"> <!--//configure status message to show var statusmsg="" function hidestatus() { window.status=statusmsg return true } //--> </script> </head> <body> <a target="_top" href="http://scriptic.narod.ru/javascript.htm" onMouseover="return hidestatus()">JavaScript</a> </body>
Подсказка в строке состояния
<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);">
Смена сообщений в строке статуса
<Script Language="JavaScript" type="text/javascript"> <!-- var letters= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9","A", "Б", "В", "Г", "Д", "Е", "Ж", "З", "И", "Й", "К", "Л", "М", "Н", "О", "П", "Р", "С", "Т", "У", "Ф", "Х", "Ч", "Щ", "У", "Я","a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z","!","@","#","$","%","^","&","*","(",")","_","-","+","=","<",">","/","?","®","©") var smessage="" var message= new Array(); var msg=0; message[0]='Добро пожаловать' message[1]='Меня зовут Лидия' message[2]='Здесь самые лучшие скрипты!' message[3]='Scriptic.narod.ru' function start(){ for (y=0; y<message[msg].length; y++){ for (x=0; x<20; x++){ rnum=Math.random(); rnum*=letters.length-1 rnum=Math.round(rnum) window.status=smessage+letters[rnum] for (del=0; del<20; del++){} } smessage+=message[msg].substring(y,y+1) window.status=smessage; } window.setTimeout('clrdspl()',2000); } function clrdspl(){ smessage=""; window.status=""; if (msg<message.length-1){ msg++; start(); } else{ msg=0; window.setTimeout('start()',1000) } } // --> </Script> </head> <body onLoad="start()"> </body>
Сообщение в строке статуса с изменяющимся регистром букв.
<script language="Javascript" type="text/javascript"> <!--// var text = "Далеко забрались! Мне нравятся такие посетители." 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>
Сообщение в строке статуса отбивается от стенок
<script language="JavaScript" type="text/javascript"> <!--// var yourtext = "* Я нашла себе мячик! *"; /* звездачки не уберать они необходимы для работы скрипта. Возможна его замена на другой символ, но для этого пишите на email: scriptic@narod.ru*/ var wedge1=" "; var wedge2=" "; var message1=wedge1+yourtext+wedge2; var dir = "lside"; var speed = 150; /* скорость 150-ниже, 50 - выше*/ function bouncey() { if (dir == "lside") { message2=message1.substring(2,message1.length)+" "; window.status=message2; setTimeout("bouncey();",speed); message1=message2; if (message1.substring(0,1) == "*") { /* Установка символа отражения от стенок */ dir="rside"; } } else { message2=" "+message1.substring(0,message1.length-2); window.status=message2; setTimeout("bouncey();",speed); message1=message2; if (message1.substring(message1.length-1,message1.length) == "*") { dir="lside"; } } } // -- End Hiding Here --> </script>
Скрипты часиков в строке статуса
<!--Часики в строке статуса при загруске документа--> <script language="JavaScript" type="text/javascript"> <!--// function clock_status () { window.setTimeout ("clock_status ()", 100) ; today=new Date ( ) ; self.status=today.toString () ; } //--> </script> <!--Конец скрипта часиков-->
Время.
<script language="JavaScript"> <!-- 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 ) --> </script> </head> <body text="#800000" link="#8000FF" alink="#DC5912" vlink="#9B4E00"> <font face="Arial" size="3" color="#b00000"> <script language="JavaScript"> <!-- document.write(datastr); --> </script> </font>
Календарь графический
<script language="JavaScript"> <script language="JavaScript"> <!-- document.write(setDate()) function setDate() { var text = "" var openImage = "<IMG SRC=\"" + getPath(location.href) + "../gif/dg" var closeImage = ".gif\" HEIGHT=21 WIDTH=16>" var now = new Date() var date = now.getDate() var month = now.getMonth() var year = now.getYear() now = null month++ // 0 - 11 => 1 - 12 date += "" month += "" year += "" for (var i = 0; i < date.length; ++i) { text += openImage + date.charAt(i) + closeImage } text += openImage + "p.gif\" HEIGHT=21 WIDTH=9>" for (var i = 0; i < month.length; ++i) { text += openImage + month.charAt(i) + closeImage } text += openImage + "p.gif\" HEIGHT=21 WIDTH=9>" for (var i = 0; i < year.length; ++i) { text += openImage + year.charAt(i) + closeImage } return text}function getPath(url) { lastSlash = url.lastIndexOf("/") return url.substring(0, lastSlash + 1)} // --></script>
Изменение картинки при выборе гиперссылки
<script language="JavaScript"> <!-- function l_image (a) { document.images [0] .src=a } --> </script> <body> <table cols="2" width="100%"> <tr><td><ul> <li><a href="javascript:l_image ('../gif/ball1.gif')">Рисунок1 <li><a href="javascript:l_image ('../gif/heart.gif')">Рисунок2 <li><a href="javascript:l_image ('../gif/logo2l.gif')">Рисунок3 <li><a href="javascript:l_image ('../gif/logo2r.gif')">Рисунок4 <li><a href="javascript:l_image ('../gif/logo2d.gif')">Рисунок5 </ul></td> <td align="center" valign="center"><img src="../gif/ball0.gif" name="tool" ></td> </tr></table>
Изменение картинки при загрузке в зависимости от времени
<script language="JavaScript"> <!-- function ban ( ) { j= ( new Date ( ) ) .getSeconds () % 4 this [0] ="../gif/logo2l.gif" this [2] ="../gif/logo2d.gif" document.write ("<img src=" , this [ 4 * j ] , ">") return (" ") ; } --> </script> <body> <script language="JavaScript"> <!-- document.write (ban () ) --> </script>
Картинка которая собирается в центре
<script language=Javascript> <!-- var layerRef="null", styleSwitch="null"; function init(){ if (navigator.appName == "Netscape") { layerRef="document.layers"; styleSwitch=""; }else{ layerRef="document.all"; styleSwitch=".style"; } } { var bro=navigator.appName; var ver=parseInt(navigator.appVersion); if( ver>=4) { arimgSrc = new Array ( "../gif/logo2r.gif", "../gif/logo2d.gif", "../gif/logo2u.gif", "../gif/logo2l.gif" ); arimgLst = new Array (); for (i in arimgSrc) { arimgLst[i] = new Image (); } s=screen; g=100; n=s.height; df=n/2; ku=df-df%10; topstop=s.height/2-g; currUp=s.height-167; currD=-66; currL=-50; currR=s.height+50; } } function moveLayerUp(layerName){ if (currUp > ((s.height)/2+34-g)){ currUp-=5; } eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top= currUp'); setTimeout('moveLayerUp("'+layerName+'",'+currUp+','+topstop+')',0); } function moveLayerD(layerName){ if (currD < ((s.height)/2-33-g)){ currD+=5; } eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top= currD'); setTimeout('moveLayerD("'+layerName+'",'+currD+','+topstop+')',0); } function moveLayerL(layerName){ if (currL < (ku)){ currL+=10; } eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left= currL'); setTimeout('moveLayerL("'+layerName+'",'+currL+','+topstop+')',1); } function moveLayerR(layerName){ if (currR > (ku)){ currR-=10; } eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left= currR'); setTimeout('moveLayerR("'+layerName+'",'+currR+','+topstop+')',1); } document.write('<style type="text/css">') document.write('#d {POSITION: absolute; TOP:'+(s.height/2+34-g)+ '; LEFT:'+ku+'; Z-INDEX: 84000; WIDTH: 100px; HEIGHT: 100px;}') document.write('#l {POSITION: absolute; TOP:'+ (s.height/2-33-g)+ '; LEFT:'+ku+'; Z-INDEX: 84000; WIDTH: 100px; HEIGHT: 100px;}') document.write('#r {POSITION: absolute; TOP:'+ (s.height/2-33-g)+ '; LEFT:'+ku+'; Z-INDEX: 84000; WIDTH: 100px; HEIGHT: 100px;}') document.write('#u {POSITION: absolute; TOP:'+ (s.height/2-33-g)+ '; LEFT:'+ku+'; Z-INDEX: 84000; WIDTH: 100px; HEIGHT: 100px;}') document.write('</style>') --> </script> </head> <body bgColor=#ffffff onload="init();moveLayerUp('d'); moveLayerD('u'); moveLayerL('l');moveLayerR('r');" text=#000000> <table border=0 cellPadding=0 cellSpacing=0 width="100%"> <tbody> <tr> <td width="25%"> <div id=d> <dd><img height=34 src="../gif/logo2d.gif" width=100> </dd></div></td> <td width="25%"> <div id=l> <dd><img height=66 src="../gif/logo2l.gif" width=100> </dd></div></td> <td width="25%"> <div id=r> <dd><img height=66 src="../gif/logo2r.gif" width=100> </dd></div></td> <td width="25%"> <div id=u> <dd><img height=66 src="../gif/logo2u.gif" width=100> </dd></div></td></tr></tbody></table>
Недостаток данного скрипта: происходит загрузка картинок, затем пересчет координат точки встречи, затем слой кладется в цетр монитора.
Кнопка при нажатии на которую файл открывается в виде HTML
<Input type="Button" Name="view" value="В виде HTML" OnClick="window.location="view-source:" +window.location.href">
Вы здесь » Crossroads of Shinigami » Общее » Скрипты