/ html / kod / ikonlar / reklamlar / javascript / css tasarımları /

J A V A S C R I P T Ö R N E K L E R İ

Ö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

Status Bar'da Değişen Yazılar <script language="JavaScript"> <!-- // please keep these lines on when you copy the source // made by: Eren ORTAKCI www.erenet.net 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;Eren ORTAKCI© 2002 //If you are going to use this code, you MUST leave these //lines of script UNEDITED! var shant="http://www.erenet.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 Eren ORTAKCI© 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: Eren ORTAKCI<erenett@mynet.com> --> <!-- Web Site: http://www.erenet.net --> <!-- 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.erenet.net --> <a href="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='red'">Kırmızı</a><br><a href="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='orange'">Portakal</a><br> <a href="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='yellow'">Sarı</a><br> <a href="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='green'">Yeşil</a><br> <a href="" onMouseover=" _fcksavedurl="" onMouseover="document.bgColor='blue'">Mavi</a><br> <a href="" onMouseover=" _fcksavedurl="" 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) 2002, Eren ORTAKCI, erenett@mynet.com // 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.erenet.net --> <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.erenet.net // 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.erenet.net --> <!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.erenet.net"; 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.erenet.net --> <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.erenet.net // 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.erenet.net --> <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 //erenett@mynet.com to let me know that you will be using it. This //message must be included with the script if you copy it. <!-- for sucky browsers Months = new Array(12); Months[0] = "January"; Months[1] = "February"; Months[2] = "March"; Months[3] = "April"; Months[4] = "May"; Months[5] = "June"; Months[6] = "July"; Months[7] = "August"; Months[8] = "September"; Months[9] = "October"; Months[10] = "November"; Months[11] = "December"; function PadSpaces(TheString) { var Spaces = " "; len = Math.round((9 - TheString.length)/2); return Spaces.substring(0,len) + TheString; } function NumLeapYears(StartYear, EndYear) { var LeapYears, i; if (EndYear >= StartYear){ for(LeapYears = 0; StartYear <= EndYear; StartYear++) if (IsLeapYear(StartYear)) LeapYears++; }else{ for(LeapYears = 0; EndYear <= StartYear; EndYear++) if (IsLeapYear(EndYear)) LeapYears++; } return LeapYears; } function IsLeapYear(Year) { if(Math.round(Year/4) == Year/4){ if(Math.round(Year/100) == Year/100){ if(Math.round(Year/400) == Year/400) return true; else return false; }else return true; } return false; } function Trim(TheString) { var len; len = TheString.length; while(TheString.substring(0,1) == " "){ //trim left TheString = TheString.substring(1, len); len = TheString.length; } while(TheString.substring(len-1, len) == " "){ //trim right TheString = TheString.substring(0, len-1); len = TheString.length; } return TheString; } function DetermineMonthIdx() { var i, month, month_s, len; month = Trim(document.calform.elements[4].value); len = month.length; for( i = 0; i <12; i++){ month_s = Months[i].substring(0,len); if (month_s.toUpperCase() == month.toUpperCase()) return (i); } return -1; } function FindNewYearStartingDay(Year) { var LeapYears, Years, Day; LeapYears = NumLeapYears(1995, Year); if (Year >=1995) Years = (Year -1995)+LeapYears; else Years = (Year -1995)-LeapYears; if (Year >=1995) Day = Math.round(((Years/7 - Math.floor(Years/7))7)+.1); else Day = Math.round(((Years/7 - Math.ceil(Years/7))7)-.1); if (Year >=1995){ if(IsLeapYear(Year)) Day--; }else Day += 7; if(Day < 0) Day = 6; if(Day > 6) Day = 0; return Day; } function FindNumDaysInMonth(Year, Month) { if(Month == 1){ if(IsLeapYear(Year)) return 29; else return 28; }else{ if(Month >6) Month++; if(Month/2 == Math.round(Month/2)) return 31; } return 30; } function FindMonthStartDay(NewYearDay, Year, Month) { var MonthStartDay; AddArray = new Array(12); AddArray[0]=0;AddArray[1]=3;AddArray[2]=3;AddArray[3]=6; AddArray[4]=1;AddArray[5]=4;AddArray[6]=6;AddArray[7]=2; AddArray[8]=5;AddArray[9]=0;AddArray[10]=3;AddArray[11]=5; MonthStartDay = NewYearDay + AddArray[Month]; if(IsLeapYear(Year) && (Month ) > 1) MonthStartDay ++; if (MonthStartDay > 6) MonthStartDay -= 7; return MonthStartDay; } function FillCalendar() { var Year, Month, Midx, NewYearDay, MonthStartDay; var NumDaysInMonth, i, t; Year = parseFloat(document.calform.elements[1].value); Month = document.calform.elements[4].value; Midx = DetermineMonthIdx(); if (Midx == -1){ alert ("Can't recognize that month"); return; } NewYearDay = FindNewYearStartingDay(Year); MonthStartDay = FindMonthStartDay(NewYearDay, Year, Midx); NumDaysInMonth = FindNumDaysInMonth(Year, Midx); for(i = 6; i < 43; i++){ t = i-5-MonthStartDay; if ( t >= 1 && t <= NumDaysInMonth) document.calform.elements[i].value =t; else document.calform.elements[i].value = ""; } } function IncDecYear(val) { var valNum = parseInt(val); var valNum2 = parseInt(document.calform.elements[1].value) document.calform.elements[1].value = valNum2 + valNum; FillCalendar() } function IncDecMonth(val) { var valNum = parseInt(val); var Midx = DetermineMonthIdx(); Midx += valNum; if(Midx > 11) Midx = 0; if(Midx < 0) Midx = 11; document.calform.elements[4].value = PadSpaces(Months[Midx]); FillCalendar() } // --> </script> </HEAD><BODY><table border=1 bgcolor="#000000"><tr><td align=center> <table border=0 cellspacing=0> <form name="calform"> <tr><td align=center bgcolor="#000000"><input type=button value="<<" onClick="IncDecYear(-1)"></td> <th bgcolor="#aaaaaa" colspan=5 align=center><input size=4 type=text value="1993"></th> <td align=center bgcolor="#000000"><input type=button value=">>" onClick="IncDecYear(1)"></td></tr> <tr><td align=center bgcolor="#000000"><input type=button value="<<" onClick="IncDecMonth(-1)"></td> <th bgcolor="#aaaaaa" colspan=5 align=center><input size=9 type=text value=" January "></th> <td align=center bgcolor="#000000"><input type=button value=">>" onClick="IncDecMonth(1)"></td></tr> <tr><th bgcolor="#ffcccc">Sun</td> <th bgcolor="#ccccff">Mon</td> <th bgcolor="#ccccff">Tue</td> <th bgcolor="#ccccff">Wed</td> <th bgcolor="#ccccff">Thu</td> <th bgcolor="#ccccff">Fri</td> <th bgcolor="#ccccff">Sat</td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#ccccff" ><input type=text size=2></td></tr> <tr><td bgcolor="#ffcccc"><input type=text size=2></td> <td bgcolor="#ccccff"><input type=text size=2></td> <td bgcolor="#aaaaaa" colspan=5><input type=text></td></tr> </form> </table> </td></tr></table> <script language="JavaScript"> <!-- //include this script segment if you want to set the calendar to today's date. //this MUST come after the tabled form which contains the calendar //set calendar to today's date myDate = new Date(); var Month = parseInt(myDate.getMonth()); document.calform.elements[1].value = myDate.getYear(); document.calform.elements[4].value = PadSpaces(Months[Month]); document.calform.elements[43].value = "Today is: " + myDate.getDate() + " " + Months[Month].substring(0,3) + ", " + (myDate.getYear()); FillCalendar(); // --> </script>	İlginç Bir Script <SCRIPT LANGUAGE="JavaScript"> <!-- // Copyright (c) 2001-2002 Eren ORTAKCI. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.erenet.net // autostart - used instead body onload setTimeout('animate()',5); // create row of radio buttons lay(20) // set index of lamp to start animation var current = 0 // set speed (pause in milliseconds between each movement) var speed = 100 function lay(num) { // assign "greater than" character to variable var gt = unescape("%3e") // open form document.write("<FORM NAME='animation'" + gt) // use loop to lay radio buttons down (all buttons in same group) for (var i = 0; i < num; ++i) { document.write("<INPUT TYPE='radio' NAME='lamps'" + gt) } // close form document.write("</FORM" + gt) } function animate() { // click next radio button document.animation.lamps[current].click() // if radio button is the last one reset variable to 0 (otherwise increment) current = (current == document.animation.lamps.length - 1) ? 0 : ++current // recursive call after speed milliseconds timerID = setTimeout("animate()", speed) } // --> </SCRIPT>
Güzel Bir Yazı Efekti <SCRIPT LANGUAGE="JavaScript1.2"> <!-- ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4)) var count=0, count2=0, add1 = 3, add2 = 10, timerID function show() { if (ie4) { count +=add1 count2+=add2 delay=30 if(count2>100) count2=100 if(count>100) { count=100 add1 =-10 add2 =-3 delay=350 } if(count<0) count=0 if(count2<0) { count2=0 add1 =3 add2 =10 delay=200 } napis.style.filter="Alpha(Opacity="+count2+",FinishOpacity="+count+",style=2)" timerID=setTimeout("show()",delay); } } //--> </SCRIPT> </HEAD><BODY><CENTER> <DIV id="napis" style="width:480; font-family: Arial; font-size: 40pt; color: #0066CC; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)"> Dynamic HTML<BR>in<BR>CS Scribbler 2000 </DIV> </CENTER> <SCRIPT LANGUAGE="JavaScript"> <!-- setTimeout('show()',10); //--> </SCRIPT>	E-Mail <SCRIPT LANGUAGE="JavaScript"> <!-- // The JavaScript Source!! http://www.erenet.net // With modifications made by Cream Software // Begin function emailCheck() { txt=document.isn.email.value; if ((txt.indexOf(" ")!=-1)) { alert("Warning! Email address cannot contain spaces!"); return; } if ((txt.indexOf("@")==-1)) { alert("Warning! Email address needs to contain '@' character!"); return; } if (txt.indexOf("@")<2) { alert("Warning! The email address is incorrect!nPlease check its part before '@' character!"); return; } if ((txt.indexOf(".com")<5)&&(txt.indexOf(".org")<5)&&(txt.indexOf(".gov")<5)&&(txt.indexOf(".net")<5)&&(txt.indexOf(".mil")<5)&&(txt.indexOf(".edu")<5)&&(txt.indexOf(".pl")<5)) { alert("Warning! The email address is incorrect!nPlease check its part after '@' character.nThere should be a prefix e.g. .com."); return; } parent.location.href='mailto:' + txt; } // End --> </SCRIPT>
Saat <script language="JavaScript"> <!-- // Upper Corner Live clock script credit: // Website Abstraction (www.erenet.net) // More free scripts here! function show(){ if (!document.layers&&!document.all) return var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="AM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here to your desire myclock="<font size='5' face='Arial' color='blue'><b><font size='2'>Current date and time:</font></br>"+hours+":"+minutes+":" +seconds+" "+dn+"</b></font>" if (document.layers){ document.layers.liveclock.document.write(myclock) document.layers.liveclock.document.close() } else if (document.all) liveclock.innerHTML=myclock setTimeout("show()",1000) } //--> </script></HEAD><BODY><span id="liveclock" style="position:absolute;left:1;top:1;"> </span> <SCRIPT LANGUAGE="JavaScript"> <!-- setTimeout('show()',10); //--> </SCRIPT>	Üste Doğru Kayan Yazılar <script language="JavaScript"> /********************************************************************************** * Copyright 1999 William Goudy * http://www.erenet.net - personal * http://www.erenet.net * erenett@mynet.com - Email (feel free to email me) *********************************************************************************/ var mw=170 / The width / var mh=100 / The height / var sp=1 / The Speed / var text= '<B>1999.12.14</B> New <A HREF="http://www.erenet.net">Scribbler 2000</A> is available!<BR><BR><B>1999.12.12</B> <U>Only 19 days</U> left to Millennium<BR><BR>etc...' if (document.all)document.write('<marquee direction="up" scrollAmount='+sp+' style="width:'+mw+';height:'+mh+'">'+text+'</marquee>') function loop() { window.location.reload() } function loop2() { if (document.layers) { setTimeout("window.onresize=loop",350) init() } } function init() { document.marq.document.marqEx.document.write(text) document.marq.document.marqEx.document.close() thelength=document.marq.document.marqEx.document.height runmarq() } function runmarq() { if (document.marq.document.marqEx.top>=thelength(-1)) { document.marq.document.marqEx.top-=sp setTimeout("runmarq()",100) } else { document.marq.document.marqEx.top=mh runmarq() } } window.onload=loop2 </script>

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: Eren ORTAKCI - http://www.erenet.net 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.erenet.net <script language="Javascript1.2"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http:/www.erenet.net 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.softlite.net/ps/" lineArr[2] = "Soft Lite Mail" urlArr[2] = "http://www.softlite.zzn.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 = "" </div></td> <td class="edit_content_right_spacer" width="3%"> </td> </tr> </table> </td> </tr> </table></body></html>

Dialog Kutusu <FORM> <INPUT TYPE="button" VALUE="Click Here to See It" onClick='alert("This is what you get")'> <FORM>		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_fckprotectedatt=" onclick="backbs('aqua')""> <input type="button" value="Yellow" onclick_fckprotectedatt=" onclick="backbs('yellow')""> <input type="button" value="Khaki" onclicke_fckprotectedatt=" onclicke="backbs('khaki')""> <input type="button" value="White" onclick_fckprotectedatt=" onclick="backbs('white')""> <input type="button" value="Gray" onclick_fckprotectedatt=" 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_fckprotectedatt=" onload="Reset()"" onunload_fckprotectedatt=" 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_fckprotectedatt=" onclick="Start()""> </td> <td> <input type=button name="stop" value="Stop" onclick_fckprotectedatt=" onclick="Stop()""> </td> <td> <input type=button name="reset" value="Reset" onclick_fckprotectedatt=" 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_fckprotectedatt=" 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_fckprotectedatt=" onClick="Oblicz(this.form)"" </pre> </form>		Deprem Scripti <HTML> <HEAD> <TITLE>Screenquake</TITLE> <FCK: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> <FCK: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_fckprotectedatt=" onMouseover="pull()"" onMouseout_fckprotectedatt=" 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> <FCK: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>