Html | Kod | Şablon | Tasarım | JavaScript | Oyun | Msn | Blogcu | Tr.Gg

JAVASCRIPT ÖRNEKLERİ

Örneklerimize geçmeden önce JavaScript'i yüzeysel de olsa biraz öğrenelim. JavaScript HTML sayfalarına ek olarak çalışan, bir Internet Programlama dilidir diyebiliriz. HTML sayfalarımızda;

tagları arasına yazılırlar. JavaScript'ler sayfalarımızı tasarlarken bize çok yardımcı olurlar. Mesela sayfamıza normal bir saat veya düzenli bir tarih eklemek istiyoruz. Bunu en kolay JavaScript sayesinde yapabiliriz. Sizin için bir çok JavaScript örnekleri topladık. Bunları en kısa yoldan denemek için, NotePad'e yapıştırıp, htm veya html uzantısıyla kaydetmeniz yeterli olcaktır. Örnek için aşağıdaki resimden yararlanabilirsiniz. JavaScript'ler bizden, kurcalamak öğrenmek sizden...

Kolay gelsin !

Scriptleri kullanabilmek için kutuların içindeki tüm yazıyı seçip, sayfalarınızın istediğiniz bölümüne kopyalamalısınız

Dialog Kutusu <FORM> <INPUT TYPE="button" VALUE="Click Here to See It" onClick='alert("This is what you get")'> <FORM> www.htmlkodtasarim.tr.gg		Browser Bilgileri <center> <script language="Javascript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com document.write("You're using: <b>"+navigator.appName+" "+navigator.appVersion+"</b>"); //--> </script> </center>
İsteğe Göre Background <script language="JavaScript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com function backbs(clr) { document.bgColor = clr } //--> </script> <form> <input type="button" value="Aqua" onclick="backbs('aqua')"> <input type="button" value="Yellow" onclick="backbs('yellow')"> <input type="button" value="Khaki" onclicke="backbs('khaki')"> <input type="button" value="White" onclick="backbs('white')"> <input type="button" value="Gray" onclick="backbs('gray')"> </form>		Sağ Tuş Kilidi <script language="Javascript1.2"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com var mymessage = "Üzgünüm Sağ Tuş Kullanmanız Engellenmiştir."; function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3) { alert(mymessage); return false; } if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(mymessage); return false; } } document.onmousedown = rtclickcheck //--> </script>
Buton Üzerinde Kayan Yazı <script language="Javascript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com var speed = 100 var message = "www.designlife.cjb.net " var s = 0 var l = message.length document.write("<form name='btn'><input type='button' " +"name='sc' value='"+ message +"'></form>") function btnsc() { document.btn.sc.value = message.substring(s,l) + message.substring(0,s) s++ if (s >= l) { s = 0 } setTimeout("btnsc()",speed) } btnsc(); //--> </script>		Kronometre <script language="JavaScript"><!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.comvar timerID = 0; var tStart = null;function UpdateTimer() { if(timerID) { clearTimeout(timerID); clockID = 0; } if(!tStart) tStart = new Date(); var tDate = new Date(); var tDiff = tDate.getTime() - tStart.getTime(); tDate.setTime(tDiff); document.theTimer.theTime.value = "" + tDate.getMinutes() + ":" + tDate.getSeconds(); timerID = setTimeout("UpdateTimer()", 1000);}function Start() { tStart = new Date(); document.theTimer.theTime.value = "00:00"; timerID = setTimeout("UpdateTimer()", 1000);}function Stop() { if(timerID) { clearTimeout(timerID); timerID = 0; } tStart = null;}function Reset() { tStart = null; document.theTimer.theTime.value = "00:00";}//--></script> <body onload="Reset()" onunload="Stop()"><center><form name="theTimer"><table> <tr> <td colspan=3 align=center> <input type=text name="theTime" size=5> </td> </tr> <tr><td></td></tr> <tr> <td> <input type=button name="start" value="Start" onclick="Start()"> </td> <td> <input type=button name="stop" value="Stop" onclick="Stop()"> </td> <td> <input type=button name="reset" value="Reset" onclick="Reset()"> </td> </tr></table></form></center>

Güzel Bir Hareketli Yazı <FORM> <INPUT TYPE="button" VALUE="Click Here to See It" onClick='alert("This is what you get")'> <FORM>		Sayaç <script language="Javascript"><!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr));} function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null;}function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");}function DeleteCookie(name) { var exp = new Date(); FixCookieDate (exp); // Correct for Mac bug exp.setTime (exp.getTime() - 1); // This cookie is history var cval = GetCookie (name); if (cval != null) document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();} var expdate = new Date();var num_visits; expdate.setTime(expdate.getTime() + (52460601000)); if (!(num_visits = GetCookie("num_visits"))) num_visits = 0;num_visits++; SetCookie("num_visits",num_visits,expdate);//--></script> <script language="Javascript"><!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.geocities.com/ResearchTriangle/1500 document.write("You have been to this page "+num_visits+" times.");//--> </script>
Büyüyüp Küçülen Yazı www.designlife.cjb.net <script language="Javascript1.2"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com var tags_before_clock = "<center>"; var tags_after_clock = "</center>"; var speed = 100; var speed2 = 2000; var biggest_text = 28; var x = 0; var y = 0; var themessage, size; var esize = "</font>"; function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } var themessage2 = new initArray( "This is the Growing Banner.", "It looks a lot cooler than other banners.", "This is really easy to conform to your page.", "Just don't make it too long or else..." ); if(navigator.appName == "Netscape") { document.write('<layer id="wds"></layer><br>'); } if (navigator.appVersion.indexOf("MSIE") != -1){ document.write('<span id="wds"></span><br>'); } function upwords(){ themessage = themessage2[y]; if (x < biggest_text) { x++; setTimeout("upwords()",speed); } else { setTimeout("downwords()",speed2); } if(navigator.appName == "Netscape") { size = "<font point-size='"+x+"pt'>"; document.wds.document.write(size+tags_before_clock+themessage +tags_after_clock+esize); document.wds.document.close(); } if (navigator.appVersion.indexOf("MSIE") != -1){ wds.innerHTML = tags_before_clock+themessage+tags_after_clock; wds.style.fontSize=x+'px' } } function downwords(){ if (x > 1) { x--; setTimeout("downwords()",speed); } else { setTimeout("upwords()",speed2); y++; if (y > themessage2.length - 1) y = 0; } if(navigator.appName == "Netscape") { size = "<font point-size='"+x+"pt'>"; document.wds.document.write(size+tags_before_clock+themessage +tags_after_clock+esize); document.wds.document.close(); } if (navigator.appVersion.indexOf("MSIE") != -1){ wds.innerHTML = tags_before_clock+themessage+tags_after_clock; wds.style.fontSize=x+'px' } } setTimeout("upwords()",speed); //--> </script>		Renk Kodu Belirleme <FORM> <INPUT TYPE="button" VALUE="Hex Coder" ONCLICK=" var cc= prompt('Enter word(s) for color .') document.bgColor=cc; alert(document.bgColor)"> </FORM>
Hareketli Buton <SCRIPT LANGUAGE="JavaScript"> <!-- var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 2 // number of URL's you will use var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "Soft Lite" urlArr[1] = "http://www.kimim.com/ps/" lineArr[2] = "Soft Lite Mail" urlArr[2] = "http://kimim.com" var lineText = lineArr[1] function StartShow() { StopShow() ShowLine() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function ShowLine() { if (charNo == 0) { // Next line if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { // Next char document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) } } function GotoUrl(url) { top.location.href = url } //--> </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> <!-- document.write("<FORM NAME="formDisplay">"); document.write("<INPUT TYPE="BUTTON" NAME="buttonFace" VALUE="&{lineText}" SIZE="18" onClick="GotoUrl(urlArr[lineNo])">"); document.write("</FORM>"); StartShow(); //--> </SCRIPT>		Hareketli Yazı <script LANGUAGE="JavaScript" FPTYPE="dynamicanimation"> <!-- // If you want to change this script, you must also make the following // changes so that FrontPage will not overwrite your new script. // In the script tag, change type="dynamicanimation" to type="mydynamicanimation" // In the first script statement, change "dynamicanimation" to "mydynamicanimation" // Throughout the HTML content, change dynamicanimation= to mydynamicanimation= // Change function dynAnimation to function mydynAnimation // In the body tag, change onload="dynAnimation()" to onload="mydynAnimation()" dynamicanimAttr = "dynamicanimation" animateElements = new Array() currentElement = 0 speed = 0 stepsZoom = 8 stepsWord = 8 stepsFly = 12 stepsSpiral = 16 steps = stepsZoom step = 0 outString = "" function dynAnimation() { var ms = navigator.appVersion.indexOf("MSIE") ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4) if(!ie4) { if((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0, 1)) >= 4)) { for (index=document.layers.length-1; index >= 0; index--) { layer=document.layers[index] if (layer.left==10000) layer.left=0 } } return } for (index=document.all.length-1; index >= document.body.sourceIndex; index--) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if(null != animation) { if(animation == "dropWord" \|\| animation == "flyTopRightWord" \|\| animation == "flyBottomRightWord") { ih = el.innerHTML outString = "" i1 = 0 iend = ih.length while(true) { i2 = startWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, false, "") if(i2 == iend) break i1 = i2 i2 = endWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, true, animation) if(i2 == iend) break i1 = i2 } document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } if(animation == "zoomIn" \|\| animation == "zoomOut") { ih = el.innerHTML outString = "<SPAN " + dynamicanimAttr + "="" + animation + "" style="position: relative; left: 10000;">" outString += ih outString += "</SPAN>" document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } } } i = 0 for (index=document.body.sourceIndex; index < document.all.length; index++) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if (null != animation) { if(animation == "flyLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } else if(animation == "flyRight") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = 0 } else if(animation == "flyTop" \|\| animation == "dropWord") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottom") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "flyTopLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyTopRight" \|\| animation == "flyTopRightWord") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottomLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "flyBottomRight" \|\| animation == "flyBottomRightWord") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "spiral") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "zoomIn") { el.style.posLeft = 10000 el.style.posTop = 0 } else if(animation == "zoomOut") { el.style.posLeft = 10000 el.style.posTop = 0 } else { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } el.initLeft = el.style.posLeft el.initTop = el.style.posTop animateElements[i++] = el } } window.setTimeout("animate();", speed) } function offsetLeft(el) { x = el.offsetLeft for (e = el.offsetParent; e; e = e.offsetParent) x += e.offsetLeft; return x } function offsetTop(el) { y = el.offsetTop for (e = el.offsetParent; e; e = e.offsetParent) y += e.offsetTop; return y } function startWord(ih, i) { for(tag = false; i < ih.length; i++) { c = ih.charAt(i) if(c == '<') tag = true if(!tag) return i if(c == '>') tag = false } return -1 } function endWord(ih, i) { nonSpace = false space = false while(i < ih.length) { c = ih.charAt(i) if(c != ' ') nonSpace = true if(nonSpace && c == ' ') space = true if(c == '<') return i if(space && c != ' ') return i i++ } return -1 } function outWord(ih, i1, i2, dyn, anim) { if(dyn) outString += "<SPAN " + dynamicanimAttr + "="" + anim + "" style="position: relative; left: 10000;">" outString += ih.substring(i1, i2) if(dyn) outString += "</SPAN>" } function animate() { el = animateElements[currentElement] animation = el.getAttribute(dynamicanimAttr, false) step++ if(animation == "spiral") { steps = stepsSpiral v = step/steps rf = 1.0 - v t = v * 2.0Math.PI rx = Math.max(Math.abs(el.initLeft), 200) ry = Math.max(Math.abs(el.initTop), 200) el.style.posLeft = Math.ceil(-rfMath.cos(t)rx) el.style.posTop = Math.ceil(-rfMath.sin(t)ry) } else if(animation == "zoomIn") { steps = stepsZoom el.style.fontSize = Math.ceil(50+50step/steps) + "%" el.style.posLeft = 0 } else if(animation == "zoomOut") { steps = stepsZoom el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%" el.style.posLeft = 0 } else { steps = stepsFly if(animation == "dropWord" \|\| animation == "flyTopRightWord" \|\| animation == "flyBottomRightWord") steps = stepsWord dl = el.initLeft / steps dt = el.initTop / steps el.style.posLeft = el.style.posLeft - dl el.style.posTop = el.style.posTop - dt } if (step >= steps) { el.style.posLeft = 0 el.style.posTop = 0 currentElement++ step = 0 } if(currentElement < animateElements.length) window.setTimeout("animate();", speed) } //--> </script></head> <body topmargin="0" leftmargin="0" onload="dynAnimation()"> <p dynamicanimation="flyBottom" style="position: relative !important; left: 10000 !important"><font face="Verdana,Arial" color="#0000A0"><strong><big><big><big>ScriptWorx</big></big></big></strong></font></p> <p dynamicanimation="flyTop" style="position: relative !important; left: 10000 !important"><font face="Verdana,Arial" size="2" color="#0000FF"><strong><em>Coding Your Way</em></strong></font></p>
Hesap Makinesi <SCRIPT LANGUAGE="JAVASCRIPT"> <!-- function Oblicz(Objec) { Objec.domesum.value = eval(Objec.expr.value) } //--> </SCRIPT> </HEAD> <BODY> <form name="Calculator"> <pre> Sum: <BR><input type="text" name="expr" size="20"> End Product: <input type="text" name="domesum" size="20"> <input type="button" name="B1" value=" Calculate " onClick="Oblicz(this.form)" </pre> </form>		Deprem Scripti <HTML> <HEAD> <TITLE>Screenquake</TITLE> <META name="Generator" content="Soft Lite ScriptWorx 4.0"> <script language="JavaScript"> <!-- function shake(shakes, vibration) { for (i = shakes; i > 0; i--) { self.moveBy(i, vibration); self.moveBy(-i, -vibration); } } //--> </script> </HEAD> <BODY topmargin="0" leftmargin="0" link="#0000FF" vlink="#800080" alink="#FF0000" onLoad="shake('10','10')"> <!-- This requires Internet Explorer 4.0 and above //--> <!-- The first '10' is the number of shakes the second is the number of vibrations. Simply attach the script function onto an event from the 'events' list //--> </BODY> </HTML>
Hareketli Menü <HTML> <HEAD> <TITLE>Insert Your Title</TITLE> <META name="Generator" content="Soft Lite ScriptWorx 4.0"> <style> <!-- #slidemenubar, #slidemenubar2{ position:absolute; left:-155px; width:160px; top:170px; border:1.5px solid navy; background-color:lightblue; layer-background-color:lightblue; font:bold 12px Verdana; line-height:20px; } --> </style> </HEAD> <BODY topmargin="0" leftmargin="0" link="#0000FF" vlink="#800080" alink="#FF0000"> <!-- Type your text here //--> <script language="JavaScript1.2"> /* Sliding Menu Bar Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all) document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">') </script> <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()"> <script language="JavaScript1.2"> var sitems=new Array() var sitemlinks=new Array() //extend or shorten this list sitems[0]="Home" sitems[1]="Take our survey!" sitems[2]="Menus And Navigation" sitems[3]="Document Effects" sitems[4]="Scrollers" sitems[5]="Image Effects" sitems[6]="Links And Buttons" sitems[7]="Dynamic Clocks & Dates" sitems[8]="Text Animations" sitems[9]="Browser Window" sitems[10]="User System Information" sitems[11]="Cascading Style Sheets" sitems[12]="Other" //These are the links pertaining to the above text. sitemlinks[0]="../test.htm" sitemlinks[1]=".." sitemlinks[2]="../dynamicindex1/index.html" sitemlinks[3]="../dynamicindex3/index.html" sitemlinks[4]="../dynamicindex2/index.html" sitemlinks[5]="../dynamicindex4/index.html" sitemlinks[6]="../dynamicindex5/index.html" sitemlinks[7]="../dynamicindex6/index.html" sitemlinks[8]="../dynamicindex10/index.html" sitemlinks[9]="../dynamicindex8/index.html" sitemlinks[10]="../dynamicindex9/index.html" sitemlinks[11]="../dynamicindex7/index.html" sitemlinks[12]="../dynamicindex11/index.html" for (i=0;i<=sitems.length-1;i++) document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>') </script> </layer> <script language="JavaScript1.2"> function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } window.onload=regenerate2 if (document.all){ document.write('</div>') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 } else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 } function pull(){ if (window.drawit) clearInterval(drawit) pullit=setInterval("pullengine()",50) } function draw(){ clearInterval(pullit) drawit=setInterval("drawengine()",50) } function pullengine(){ if (document.all&&themenu.pixelLeft<rightboundary) themenu.pixelLeft+=5 else if(document.layers&&themenu.left<rightboundary) themenu.left+=5 else if (window.pullit) clearInterval(pullit) } function drawengine(){ if (document.all&&themenu.pixelLeft>leftboundary) themenu.pixelLeft-=5 else if(document.layers&&themenu.left>leftboundary) themenu.left-=5 else if (window.drawit) clearInterval(drawit) } </script> </BODY> </HTML>		Renk Değiştiren Text <HTML> <HEAD> <TITLE>Insert Your Title</TITLE> <META name="Generator" content="Soft Lite ScriptWorx 3.0"> </HEAD> <BODY topmargin="0" leftmargin="0" link="#0000FF" vlink="#800080" alink="#FF0000"> <!-- Type your text here //--> <SCRIPT LANGUAGE="JavaScript"> <!-- //enter the message you wish to be shown, including html tags var message='<b><font color=000000 size=5>www.kimim.com</font></b>' //enter a color name to be used as the background color of the message var backgroundcolor="yellow" //enter 0 for always display, 1 for a set period, 2 for random display mode var displaymode=0 //if displaymode is set to display for a set period, enter the period below (1000=1 sec) var displayduration=10000 //enter 0 for non-flashing message, 1 for flashing var flashmode=1 //if above is set to flashing, enter the flash-to color below var flashtocolor="lightgreen" function regenerate(){ window.location.reload() } var which=0 function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } function display2(){ if (document.layers){ if (topmsg.visibility=="show") topmsg.visibility="hide" else topmsg.visibility="show" } else if (document.all){ if (topmsg.style.visibility=="visible") topmsg.style.visibility="hidden" else topmsg.style.visibility="visible" setTimeout("display2()",Math.round(Math.random()*10000)+10000) } } function flash(){ if (which==0){ if (document.layers) topmsg.bgColor=flashtocolor else topmsg.style.backgroundColor=flashtocolor which=1 } else{ if (document.layers) topmsg.bgColor=backgroundcolor else topmsg.style.backgroundColor=backgroundcolor which=0 } } if (document.all){ document.write('<span id="topmsg" style="position:absolute;visibility:hidden">'+message+'</span>') } function logoit(){ document.all.topmsg.style.left=document.body.scrollLeft+document.body.clientWidth/2-document.all.topmsg.offsetWidth/2 document.all.topmsg.style.top=document.body.scrollTop+document.body.clientHeight-document.all.topmsg.offsetHeight-4 } function logoit2(){ topmsg.left=pageXOffset+window.innerWidth/2-topmsg.document.width/2 topmsg.top=pageYOffset+window.innerHeight-topmsg.document.height-5 setTimeout("logoit2()",90) } function setmessage(){ document.all.topmsg.style.left=document.body.scrollLeft+document.body.clientWidth/2-document.all.topmsg.offsetWidth/2 document.all.topmsg.style.top=document.body.scrollTop+document.body.clientHeight-document.all.topmsg.offsetHeight-4 document.all.topmsg.style.backgroundColor=backgroundcolor document.all.topmsg.style.visibility="visible" if (displaymode==1) setTimeout("topmsg.style.visibility='hidden'",displayduration) else if (displaymode==2) display2() if (flashmode==1) setInterval("flash()",1000) window.onscroll=logoit window.onresize=new Function("window.location.reload()") } function setmessage2(){ topmsg=new Layer(window.innerWidth) topmsg.bgColor=backgroundcolor regenerate2() topmsg.document.write(message) topmsg.document.close() logoit2() topmsg.visibility="show" if (displaymode==1) setTimeout("topmsg.visibility='hide'",displayduration) else if (displaymode==2) display2() if (flashmode==1) setInterval("flash()",1000) } if (document.layers) window.onload=setmessage2 else if (document.all) window.onload=setmessage //--> </SCRIPT> </BODY> </HTML>
Link Menüsü <script language="JavaScript"> <!-- function go() { if (document.selecter.select1.options[document.selecter.select1.selectedIndex].value != "none") { location = document.selecter.select1.options[document.selecter.select1.selectedIndex].value } } //--> </script><script language="JavaScript"><!-- document.write('<form name="selecter"><select name="select1" size="1">'); document.write('<option value="none">Seçiminizi yapınız'); document.write('<option value="none">_______________'); document.write('<option value="http://www.gezmez.cjb.com.tr">PC kimim Online'); document.write('<option value="http://www.kimim.com">kimim Online'); document.write('</select>'); document.write('<INPUT TYPE="button" VALUE="Go To Page" onclick="go()">'); document.write('</form>'); // --></script>		Hareketli Background <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> <title>Java Goodies</title> </head> <body bgcolor="#006000" onload="greenizer()"> <script> function MakeArray(n) { //allow new array to be made below... this.length = n for (i = 0;i<n;i++) this[i] = null } //6,7,8,9,a,b,c,d,e,f green = new MakeArray(10) g = 0 a = true green[1] = "#006000" green[2] = "#007000" green[3] = "#008000" green[4] = "#009000" green[5] = "#00A000" green[6] = "#00B000" green[7] = "#00C000" green[8] = "#00D000" green[9] = "#00E000" green[10] = "#00F000" function greenizer() { if(a == true) { g++ } if(g==11) { g-- a = false } if(g==1) { g++ a = true } if(a == false) { g-- } document.bgColor = green[g] setTimeout ("greenizer()",100) } </script> </body> </html>

Status Bar'da Değişen Yazılar <script language="JavaScript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com var currentmsg = 0 var MsgTime = 2000 var MsgEndTime = 4000 function initArray(n) { this.length = n; for (var i =1; i <= n; i++) { this[i] = ' ' } } msg = new initArray(4) msg[0]="This is Message 1" msg[1]="Now it is Message 2" msg[2]="No, do not say I have to do 3 messages" msg[3]="Yeah, this message, 4, is the last" function msgrotator() { window.status = msg[currentmsg] if (currentmsg > msg.length - 1) { currentmsg = 0 setTimeout("msgrotator()", MsgEndTime) } else { currentmsg = currentmsg + 1 setTimeout("msgrotator()", MsgTime) } } msgrotator(); //--> </script>		Ziyaretçiyi Selamlama <SCRIPT LANGUAGE="JavaScript"> <!-- function GetCookie(name) { var arg=name+"="; var alen=arg.length; var clen=document.cookie.length; var i=0; while (i<clen) { var j=i+alen; if (document.cookie.substring(i,j)==arg) return "here"; i=document.cookie.indexOf(" ",i)+1; if (i==0) break; } return null; } var visit=GetCookie("shant"); if (visit==null){ alert("Hoşgeldiniz..."); var expire=new Date(); expire=new Date(expire.getTime()+7776000000); document.cookie="shant=here; expires="+expire; } // --> </SCRIPT>
Yönlendirme <SCRIPT LANGUAGE="JavaScript"> //This Script is Copyright S Atamian© 2000 //If you are going to use this code, you MUST leave these //lines of script UNEDITED! var shant="http://www.designlife.cjb.net" document.write('Please wait while you are forwarded to ' + shant) function forPage() { location.href=shant } setTimeout ("forPage()", 1000); </SCRIPT>		Çözünürlük Ayarı <script language="JavaScript"> //This Script is Copyright S Atamian© 2000 //If you are going to use this code, you MUST leave these //lines of script UNEDITED! if ((screen.width == 1024) && (screen.height == 768)) { alert('Your resolution is set at the recommended size that is required for this page to be viewed correctly.') } else if ((screen.width == 800) && (screen.height == 600)) { alert('Ekran çözünürlüğün 1024x768 olmalıydı!') } else if ((screen.width == 640) && (screen.height == 480)) { alert('Your resolution is too low to view this page correctly, please change it!') } document.write('Ekran çözünürlüğün - ' + screen.width + ' x ' + screen.height) </script>
Buton Şeklinde Saat <SCRIPT LANGUAGE="JavaScript"> <!-- Script by: Michael Tartaglia <stonedstan@hotmail.com> --> <!-- Web Site: http://www.geocities.com/SiliconValley/Horizon/5235 --> <!-- Begin day = new Date(); miVisit = day.getTime(); function clock() { dayTwo = new Date(); hrNow = dayTwo.getHours(); mnNow = dayTwo.getMinutes(); scNow = dayTwo.getSeconds(); miNow = dayTwo.getTime(); if (hrNow == 0) { hour = 12; ap = " AM"; } else if(hrNow <= 11) { ap = " AM"; hour = hrNow; } else if(hrNow == 12) { ap = " PM"; hour = 12; } else if (hrNow >= 13) { hour = (hrNow - 12); ap = " PM"; } if (hrNow >= 13) { hour = hrNow - 12; } if (mnNow <= 9) { min = "0" + mnNow; } else (min = mnNow) if (scNow <= 9) { secs = "0" + scNow; } else { secs = scNow; } time = hour + ":" + min + ":" + secs + ap; document.form.button.value = time; self.status = time; setTimeout('clock()', 1000); } function timeInfo() { milliSince = miNow; milliNow = miNow - miVisit; secsVisit = Math.round(milliNow / 1000); minsVisit = Math.round((milliNow / 1000) / 60); alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970. " + "You have spent " + milliNow + " of those milliseconds on this page. " + ".... About " + minsVisit + " minutes, and " + secsVisit + " seconds."); } document.write("<form name="form">" + "<input type=button value="Click for info!"" + " name=button onClick="timeInfo()"></form>"); onError = null; clock(); // End --> </SCRIPT>		Renk Linkleri <!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <a href="" onMouseover="document.bgColor='red'">Kırmızı</a><br><a href="" onMouseover="document.bgColor='orange'">Portakal</a><br> <a href="" onMouseover="document.bgColor='yellow'">Sarı</a><br> <a href="" onMouseover="document.bgColor='green'">Yeşil</a><br> <a href="" onMouseover="document.bgColor='blue'">Mavi</a><br> <a href="" onMouseover="document.bgColor='purple'">Mor</a><br> <!-- END OF SCRIPT -->
Search Menüsü <SCRIPT> <!-- hide this script from non-JavaScript browsers // All code in this script is Copyright(C) 1996, Justin Boyan, jab+j@cs.cmu.edu // For documentation and more info, see: http://www.cs.cmu.edu/~jab/snark/ // This is SNARK Version 1.0, 18 May 1996 var MAX_ENGINES = 30; var SNARK_STRING = "hunting+the+snark"; function MakeArray(n) { for (var i = 1; i <= n; i++) { this[i] = 0; } this.maxlen = n; this.len = 0; return this; } var engs = new MakeArray(MAX_ENGINES); function find_substring(needle, haystack) { var i, needlen = needle.length, haylen = haystack.length; for (i=0; i<=haylen-needlen; i++) { if (needle == haystack.substring(i,i+needlen)) return i; } return false; } function Engine(name, opts, home, search) { var snark = find_substring(SNARK_STRING, search); this.name = name; this.opts = opts; this.home = home; this.pre_snark = search.substring(0,snark); this.post_snark= search.substring(snark+SNARK_STRING.length, search.length); } function Add(name, opts, home, search) { engs.len++; if (engs.len <= engs.maxlen) { engs[engs.len] = new Engine(name, opts, home, search) } else { alert("Better increase MAX_ENGINES: " + engs.len + ">" + engs.maxlen) } } // ADD YOUR OWN SEARCH ENGINES BELOW. (See http://www.cs.cmu.edu/~jab/snark/ ) Add("Netnews: AltaVista", "", "http://altavista.digital.com/", "http://altavista.digital.com/cgi-bin/query?pg=q&what=news&fmt=d&q=hunting+the+snark" ); Add("Shareware/Windows", "", "http://vsl.cnet.com/", "http://vsl.cnet.com/cgi-bin/vsl-master/Find?category=MS-Windows%28all%29&search=hunting+the+snark&logop=and&and=&orfile=++&hits=200" ); Add("Shareware/Unix", "", "http://vsl.cnet.com/", "http://vsl.cnet.com/cgi-bin/vsl-master/Find?category=UNIX&search=hunting+the+snark&logop=and&and=&orfile=++&hits=200" ); Add("the Web: AltaVista", "SELECTED", "http://altavista.digital.com/", "http://altavista.digital.com/cgi-bin/query?pg=q&what=web&fmt=d&q=hunting+the+snark" ); Add("the Web: Lycos", "", "http://www.lycos.com/", "http://twelve.srv.lycos.com/cgi-bin/pursuit?query=hunting+the+snark" ); Add("the Web: Yahoo!", "", "http://www.yahoo.com/", "http://search.yahoo.com/bin/search?p=hunting+the+snark" ); Add("Weather (City, ST)", "", "http://www.nnic.noaa.gov/cgi-bin/page?pg=netcast", "http://www.nnic.noaa.gov/cgi-bin/netcast.do-it?state=hunting+the+snark&area=Local+Forecast&html=yes&match=strong"); // ADD YOUR OWN SEARCH ENGINES ABOVE. (See http://www.cs.cmu.edu/~jab/snark/ ) function HandleForm(form) { form.submit(); // This fixes a mysterious Netscape bug. Without this line, // you can't use <enter> to start the search the first time. var i, oldq=form.query.value, newq=""; for (i=0; i<oldq.length; i++) { // compress [ ]+ into + var thischar = oldq.charAt(i); if (thischar != ' ') newq += thischar; else if (lastchar != ' ') newq += '+'; lastchar = thischar; } var eng = engs[1+form.service.selectedIndex]; location.href = newq ? eng.pre_snark + newq + eng.post_snark : eng.home; } function DisplayForm() { document.writeln('<CENTER><FORM OnSubmit="HandleForm(this); return false">'); document.writeln('Search <SELECT name="service">'); for (i=1; i <= engs.len; i++) { document.writeln("<OPTION " + engs[i].opts + "> " + engs[i].name); } document.writeln('</SELECT> for <INPUT size=26 name="query">'); document.writeln('<input type=submit value=" GO!">'); document.writeln('</FORM> </CENTER>'); } DisplayForm(); // done hiding from old browsers --> </SCRIPT>		Status Bar'da Yazı <!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <SCRIPT LANGUAGE="JavaScript"> <!-- // Copyright (c) 1996-1997 Tomer Shiran. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.geocities.com/~yehuda/ // set speed of banner (pause in milliseconds between characters) var speed = 100 // decrease value to increase speed (must be positive) // set pause between completion of message and beginning of following message var pause = 1000 // increase value to increase pause // set initial values var timerID = null var bannerRunning = false // create global array var ar = new Array() // assign the strings to the array's elements ar[0] = "Buraya mesajınızı yazın" ar[1] = "Buraya 2. mesajınızı yazın." ar[2] = "Buraya 3. mesajınızı yazın." ar[3] = "Buraya 4. mesajınızı yazın." // set index of first message to be displayed first var currentMessage = 0 // set index of last character to be displayed first var offset = 0 // stop the banner if it is currently running function stopBanner() { // if banner is currently running if (bannerRunning) // stop the banner clearTimeout(timerID) // timer is now stopped bannerRunning = false } // start the banner function startBanner() { // make sure the banner is stopped stopBanner() // start the banner from the current position showBanner() } // type-in the current message function showBanner() { // assign current message to variable var text = ar[currentMessage] // if current message has not finished being displayed if (offset < text.length) { // if last character of current message is a space if (text.charAt(offset) == " ") // skip the current character offset++ // assign the up-to-date to-be-displayed substring // second argument of method accepts index of last character plus one var partialMessage = text.substring(0, offset + 1) // display partial message in status bar window.status = partialMessage // increment index of last character to be displayed offset++ // IE sometimes has trouble with "++offset" // recursive call after specified time timerID = setTimeout("showBanner()", speed) // banner is running bannerRunning = true } else { // reset offset offset = 0 // increment subscript (index) of current message currentMessage++ // if subscript of current message is out of range if (currentMessage == ar.length) // wrap around (start from beginning) currentMessage = 0 // recursive call after specified time timerID = setTimeout("showBanner()", pause) // banner is running bannerRunning = true } } // --> </SCRIPT> </HEAD> <BODY onLoad="startBanner()"> </BODY> </HTML> <!-- END OF SCRIPT -->
Kutu İçinde Kayan Yazı <!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <TITLE>Control Scroll</TITLE> <META NAME="KEYWORDS" CONTENT=""> <META NAME="GENERATOR" CONTENT="HTMLpad"> <script LANGUAGE="javascript"> var b_speed=10; var banner_id=1; var b_pause=0; var b_position=0; function stop(){ if(!b_pause){ clearTimeout(banner_id); b_pause=1} else{ banner_main(); b_pause=0}} function banner_main(){ msg="Buraya mesajınızı yazın..." +"Burayada devam edin...www.uguronur.8k.com"; var k=(35/msg.length)+-1; for(var j=2;j<k;j++)msg+=""+msg; document.forms[0].substring.value=msg.substring(b_position,b_position+50); if(b_position++==msg.length){ b_position=0} banner_id=setTimeout("banner_main()",1000/b_speed)} </script> </HEAD> <BODY BGCOLOR="FFFFFF" TEXT="000000" LINK="0000FF" VLINK="800080" ALINK="FF0000"> </head> <CENTER> <FORM NAME="form" ACTION=""> <INPUT TYPE="text" NAME="substring" SIZE="35"> <INPUT TYPE="button" VALUE="Start" ONCLICK='{clearTimeout(banner_id); b_position=0; banner_main()}'> <INPUT TYPE="button" VALUE="Slow" ONCLICK='{if(b_speed<3){alert("Going Slow")}else{b_speed=b_speed-1}}'> <INPUT TYPE="button" VALUE="Fast" ONCLICK='{if(b_speed>21){alert("Going Fast")}else{b_speed=b_speed+2}}'> <INPUT TYPE="button" VALUE="Pause/Reset" ONCLICK='stop()'> </form> </center> <!-- END OF SCRIPT -->		Renk Kodları <!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <SCRIPT Language = "JavaScript"> // This script is written by Patrick Meirmans // If you want to use it, send me an e-mail at mijter@dds.nl // and be sure to include the adress of the wb-page you want to use it for // by the way, my homepage is at: // http://www.geocities.com/Nashville/2956/ // You might want to take a look at it. // Please leave this message intact when using this script // The hex-code is not so very logical, so now and then there's // a rather big change in color, maybe I'll fix the script sometime, but not now. // Have fun with it! start = new Date(); minstart = start.getMinutes() secstart = start.getSeconds() function brighter(){ var now = new Date(); var seconds = now.getSeconds(); var minutes = now.getMinutes(); var base = "00"; // if you want to change the starting color, add the starting code here // instead of aa (two digits, only numbers and/or a, b, c, d, e, f). var color = 1000; var interval = 103; // if you want to change the speed of the color-change, // change the 103 to the number of hex-codes you want between two changes. // not every number gives a nice result! var sec= interval * (seconds - secstart); var min= 60 * interval * (minutes - minstart); var add= color + min + sec; total= base + add; if (add>=9999) {secstart = seconds; minstart = minutes} document.bgColor = total; setTimeout("brighter()", 1000); document.myform.ikke.value = total; } </script> </HEAD> <body onLoad = "brighter()" text="white" LINK="C0C0C0" VLINK="C0C0C0"> <form name="myform"> <P> İşte renkler ve kodları... <input name = "ikke" type="text" size="7"> </form> <!-- END OF SCRIPT -->
Status Bar'da Mesaj <!-- START OF SCRIPT --> <!-- For more scripts visit http://www.netpedia.com --> <HTML><HEAD><title>Status Character Scroll</title> <SCRIPT LANGUAGE="JavaScript"> <!-- hide from old browsers var init_msg = "Buraya mesajınızı yazın..." var str = "" var msg = "" var leftmsg = "" function setMessage() { if (msg == "") { str = " " msg = init_msg leftmsg = "" } if (str.length == 1) { while (msg.substring(0, 1) == " ") { leftmsg = leftmsg + str str = msg.substring(0, 1) msg = msg.substring(1, msg.length) } leftmsg = leftmsg + str str = msg.substring(0, 1) msg = msg.substring(1, msg.length) for (var ii = 0; ii < 120; ii++) {str = " " + str} } else { str = str.substring(10, str.length) // decrease str little by little } window.status = leftmsg + str JSCTimeOutID = window.setTimeout('setMessage()',100) } <!-- done hiding --> </SCRIPT></HEAD> <BODY bgcolor="ffffff" onload="JSCTimeOutID = window.setTimeout('setMessage()',500);"> Lütfen Status Bar'a bakın... <!-- END OF SCRIPT -->		İlginç Bir Hareketli Yazı <SCRIPT LANGUAGE="JavaScript"> <!-- done = 0; step = 4 function anim(yp,yk) { if(document.layers) document.layers["napis"].top=yp; else document.all["napis"].style.top=yp; if(yp>yk) step = -4 if(yp<60) step = 4 setTimeout('anim('+(yp+step)+','+yk+')', 35); } function start() { if(done) return done = 1; if(navigator.appName=="Netscape") { document.napis.left=innerWidth/2 - 145; anim(60,innerHeight - 60) } else { napis.style.left=11; anim(60,document.body.offsetHeight - 60) } } //--> </SCRIPT> </HEAD><BODY><div id='napis' style='position: absolute; top: -50; color: #D23842; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;'>Type your text here ...</div> <SCRIPT LANGUAGE="JavaScript"> <!-- setTimeout('start()',10); //--> </SCRIPT>

Takvim
<script language="JavaScript"> //This Java Script is free to the domain. All I ask is you send me an //email to //ddelong@csci.csusb.edu to let me know that you will be using it. This //message must be included with the script if you copy it. <br /> <table border="0"><tr><td><a href="http://www.relojesflash.com" title="relojes web"><embed style="" src="http://www.relojesflash.com/swf/6.swf" wmode="transparent" type="application/x-shockwave-flash" height="100" width="100"><param name=wmode value=transparent></embed></a></td></tr></table><br />  <br /> <A href="javascript:history.go(0)" onClick="javascript:this.style.behavior='url(#default#homepage)';this.setHomePage('http://alnumel.page.tl');" TARGET="_self"><b>ANA SAYFAN YAP</b></A><br /> </SCRIPT></center></div></td> </tr> <tr> <td><img src="https://img.webme.com/designs/flash/images/rightlabel.jpg" width="152" height="29" /></td> </tr> <tr> <td><div class="style1"><center><IFRAME SRC=http://www.habervakti.com/scroll.asp width=120 height=200 frameborder=0 scrolling=no></IFRAME></center></div></td> </tr> <tr> <td><img src="https://img.webme.com/designs/flash/images/rightlabel.jpg" width="152" height="29" /></td> </tr> <tr> <td><div class="style1"><center><br /> <a href="http://alnumel.page.tl/html-kodlar.htm"><B>HTML KODLAR - CODE</B></a><br /> <a href="http://alnumel.page.tl/jawascript.htm"><B>JAVASCRiPT</B></a><br /> <a href="http://alnumel.page.tl/Mausekod.htm"><B>MAUSE KOD</B></a><br /> <a href="http://alnumel.page.tl/arkafontlar.htm"><B>ARKA FONTLAR</B></a> <br /> <a href="http://alnumel.page.tl/YAZIANiMASYON.htm"><B>YAZI ANİMASYON</B></a><br /> <a href="http://alnumel.page.tl/Renkpaleti.htm"><B>RENK KODLARI</B></a></CENTER></div></td> </tr> <tr> <td><img src="https://img.webme.com/designs/flash/images/rightlabel.jpg" width="152" height="29" /></td> </tr> <tr> <td><div class="style1"><center><b>ONLİNE</B><br /> <SCRIPT src="http://fastonlineusers.com/online.php?d=http://alnumel.page.tl"></SCRIPT></center></div></td> </tr> <tr> <td><img src="https://img.webme.com/designs/flash/images/rightlabel.jpg" width="152" height="29" /></td> </tr> <tr> <td><div class="style1">Download - indir<br /> <br /> <a href="http://users2.titanichost.com/alnumel/Bob_The_Builder.rar">16 adet hazır web sayfası</a></br><br /> <a href="http://users2.titanichost.com/alnumel/Filezilla.rar">Ftp filezilla</a></br><br /> <a href="http://users2.titanichost.com/alnumel/Flashclocks.rar">165 adet flash saat</a></br><br /> <a href="http://users2.titanichost.com/alnumel/Forum.rar">Bedava forum</a></br><br /> <a href="http://users2.titanichost.com/alnumel/Bv.zip">Web site yapım proğramı</a></br><br /> <a href="http://www.bradtrupp.com/sw/dl4007.php?ibtngen0.exe">Buton yapma proğramı</a></br></div></td> </tr> </table> <img src="https://img.webme.com/designs/flash/images/leftcolumnbottom.jpg" width="153" height="17" /></td> </tr> </table> <font color="white" style="padding-left:300px;font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif"><font color="red">Toplamda Tekil 138237 ziyaretçi <a href="http://alnumel.page.tl">ANASAYFA</a></font></font> <style type="text/css">  </style> </center><script type="text/javascript" src="https://img.webme.com/designs/flash/ieupdate.js"></script> <iframe src="http://www.homepage-baukasten.de/cookie.php?visit=alnumel&auth1=405d479974ca7afe79e0965b048b621b&auth2=1e196f358eda39d80d113f6fdc8fabd4&auth3=789550d8bce31c63ef116167958ffaab&auth4=89ca5d32c1477b513c54126d65b2b8ca&auth5=93a6963ad1453299518cb4eb3e52f904&mode=track" style="display:none;width:1px;height:1px;"></iframe><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-2594508-11"; urchinTracker(); </script></body> </html>

www.htmlkodtasarim.tr.gg