Hazır Java Scriptler

HAZIR JAVA SCRIPTLER Ö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; <script> </script> 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. Yazdığınız kodları html kontrol bölümümüzde test edebilirsiniz.Html kodlarını java kodlarına dönüştürmek için tıklayın.
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>
Üste Doğru Kayan Yazılar <script language="JavaScript"> 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.creamsoft.com/scribbler/">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>	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. <!-- 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"> <!-- 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>
Saat <script language="JavaScript"> <!-- 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>	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://javascript.internet.com // 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>
Kutu İçinde Kayan Yazı <!-- START OF SCRIPT --> <!-- For more scripts visit http://www.neleryokki.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.neleryokki.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 -->	Buton Şeklinde Saat <SCRIPT LANGUAGE="JavaScript"> <!-- Script by: Michael Tartaglia <stonedstan@hotmail.com> --> <!-- Web Site: http://www.neleryokki.com --> <!-- 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 www.metin53.cjb.net --> <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 -->
Renk Kodları <!-- START OF SCRIPT --> <!-- For more scripts visit http://www.neleryokki.com --> <SCRIPT Language = "JavaScript"> // This script is written by Patrick Meirmans // 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 -->	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 www.metin53.cjb.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.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 -->
Güzel Bir Hareketli Yazı <FORM> <INPUT TYPE="button" VALUE="Click Here to See It" onClick='alert("This is what you get")'> <FORM>	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>
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>	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.metin53.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>
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>	Büyüyüp Küçülen Yazı www.metin53.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>
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 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>
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>	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.neleryokki.com">PC kimim Online'); document.write('<option value="http://www.metin53.cjb.net">metin53 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>
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 = "http://www.neleryokki.com " 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>	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>

HERGÜN AYRI LİNK SCRİPTİ

Bu kısım <head> </head> tagları arasına yerleştirilecek.

Kopyala - Yapıştır şu şekilde yapılır:

  Öncelikle "Hepsini Seç" yada Fare ile kodları seçin.
  Daha sonra "Ctrl+C" tuşlarına aynı anda basınız.
  Daha sonra not defterini açın ve "Ctrl+V" tuşlarına basarak kodları yapıştırın.
  Not: + tuşuna basmayacaksınız. sadece Ctrl ve C(yada V) tuşlarına basacaksınız.

Tam Sayfa Resim Açma kodu: <body topmargin=0 leftmargin=0 onload="document.body.innerHTML='<img width=100% height=100% src="https://www.neleryokki.com.tr/webmaster/metin_anat.jpg"></img>';">

Tam Sayfa Açma Kodu:
<script language="JavaScript1.2">

</script>

CGI Ortam Değişkenleri

Ortam değişkenleri CGI programı çalıştırılıdığı zaman browser'ınızın (ve web server'ınızın) programa gönderdiği bilgilerdir. Ortam değişkenleri %ENV isimli Hash değişkende saklanır.

CGI Ortam Değişkenleri
DOCUMENT_ROOT	Server'ınızın kök dizinini verir.
HTTP_COOKIE	Eğer varsa ziyaretçinin "cookie"sini verir.
HTTP_HOST	Server'ınızın "hostname"ini verir.
HTTP_REFERER	Scriptin çağrıldığı sayfanın adresini verir.
HTTP_USER_AGENT	Ziyaretçinin browser'ının tipini verir.
PATH	Server'ınızın "system path"ini verir. (Genelde /bin, /usr/sbin vs.)
QUERY_STRING	GET metodu ile yollanan bilgiyi verir.
REMOTE_ADDR	Ziyaretçinin IP adresini verir.
REMOTE_HOST	Ziyaretçinin "hostname"ini verir. (*)
REMOTE_PORT	Ziyaretçinin web server'ınıza bağlandığı portu verir.
REMOTE_USER	Ziyaretçinin kullanıcı adını verir. (.htaccess korumalı sayfalar için)
REQUEST_METHOD	Bilgi gönderme metodunu verir. (GET ya da POST)
SCRIPT_FILENAME	Scriptin tam yolunu verir.
SERVER_ADMIN	Server'ınızın webadmin'inin e-mail adresini verir.
SERVER_NAME	Server'ınızın tam domain adını verir. (Örn: cc.sau.edu.tr)
SERVER_PORT	Server'ınızın dinlemede olduğu portu verir.
SERVER_SOFTWARE	Serverdaki web server programını verir. (Örn: Apache 1.3)

(*) Eğer server'ınızda "reverse-name-lookups" yoksa REMOTE_HOST ziyaretçinin IP adresini verir.

Bazı server'larda bunlardan başka değişkenler de olabiliyor. Daha fazla bilgi için server'ınızın dökümanlarını inceleyiniz. Farketmişseniz bazı değişkenler server'la ilgili, bazıları ise ziyaretçi ile ilgili bilgileri içeriyor. Server'la ilgili olanların programa bildirdiği bilgiler o server'da çalışan bütün CGI programları için aynı olacaktır. Fakat ziyaretçi ile ilgili bilgiler program her çalıştırıldığında farklı olabilir.

Her CGI çalıştırıldığında bütün ortam değişkenleri atanmaz. REMOTE_USER değişkeni sadece .htaccess dosyası ile korunan dizin ya da altdizinler için atanır. Bu durumda REMOTE_USER değişkeninin alacağı değer .htaccess dosyasındaki kullanıcı adıdır.

%ENV değişkeni CGI çalıştırıldığında otomatik olarak atanır ve isterseniz tamamını isterseniz sadece belli değerleri kullanabilirsiniz. Mesela aşağıdaki kod ile ziyaretçinin IP adresini yazdırabilirsiniz.

print "IP adresiniz: $ENV{'REMOTE_ADDR'}\n";

Şimdi bütün ortam değişkenlerini yazdıran bir CGI yazalım. Yeni bir dosya oluşturun, "ortam.cgi" adıyla kaydedin ve içine şunları yazın:

#!/usr/bin/perl

print "Content-type:text/html\n\n";
print <<HTMLSonu;
<html><head><title>Ortam Değişkenleri</title></head>
<body>
HTMLSonu
;

foreach $anahtar (sort(keys %ENV)) {
print "$anahtar = $ENV{$anahtar}<br>\n";
}

print "</body></html>";

Scripti kaydedin, erişim yetkilerini 755 olarak ayarlayın ve browser'ınızdan çağırın. Eğer hata mesajı alırsanız programı UNIX'te çalışmayı deneyip hatanın nerede olduğunu öğrenebileceğinizi hatırlayın.

Bu örnekte sort fonksiyonu kullanılarak %ENV değişkeninin anahtarları alfabetik sıraya koyduk. Perl'ün sort fonksiyonu karakter değerlerini karşılaştırdığı için sayıları düzgün bir şekilde sıraya koyamaz.

Basit Bir Sorgu Formu

Bir HTML formundan CGI'a bilgi göndermek için iki yol vardır. GET ve POST. Form bilgisinin server'a nasıl yollandığını bu metodlar belirler. GET metodunda formla gönderilen bilgiler URL'in bir parçası olarak gönderilir ve QUERY_STRING ortam değişkenine atanır. POST metodunda nasıl gönderildiğini bir sonraki bölümde anlatacağız.

QUERY_STRING değişkenine birkaç değişik yolla atama yapabiliriz. Birinci yöntem aşağıda görüldüğü gibidir.

Yukarıdaki linklerin her birine tıklayın. QUERY_STRING değişkeninin değerinin soru işaretinden sonra gelen yazı olduğunu göreceksiniz. Bu örneklerde QUERY_STRING değişkeni "deneme1","deneme2" ve "deneme3" değerlerini alır.

Bir başka yöntem de aşağıdaki gibi basit bir form hazırlamaktır.

<form action="http://www.neleryokki.com/cgi-bin/ornek/ortam.cgi" method="GET">
Buraya birşeyler yazın: <input type="text" name="ornek_yazi" size=30><p>
</form>

"Gönder" düğmesinin olmadığını farketmişsinizdir sanırım. GET metodu ile sadece enter'a basarsınız ve form gönderilir. (Bu yöntem sadece bir tane girdi alanı olduğu zaman işe yarar. Birden fazla girdi alanını göndermek için mutlaka "Gönder" düğmesi koymalısınız.)

Yukarıdaki kodları kullanarak bir HTML dosyası hazırlayın ve "get.html" adıyla kaydedip browser'ınızla açın. Daha sonra form alanına birşeyler yazın ve enter'a basın. QUERY_STRING değişkeninin değeri aşağıdaki gibi olur.

$ENV{'QUERY_STRING'} = ornek_yazi=iste+yazdiginiz+yazi

Eşittir (=) işaretinin solundaki yazı form alanının adıdır. Sağındaki yazı ise formdaki kutucuğa yazdığınız yazıdır. FAKAT farkettiğiniz gibi boşlukların yerini artı (+) işareti almış. Hatta çeşitli noktalama işaretleri ve özel karakterlerin yerine %-kod şeklinde özel kodlar çıkmış.

Buna "URL Kodlama" denir ve ister GET metodu ister POST metodu kullanılsın, herhangi bir form ile bilgi gönderildiği zaman meydana gelir.

Perl scriptiniz bu bilgiyi eski haline getirebilir fakan uzun ve karmaşık bilgiler yollandığında POST metodunu kullanmak daha iyidir. GET metodu daha çok veritabanından bilgi aratma gibi tek alanlı formlar için elverişlidir. GET metodu ile birden fazla alanlı formları da gönderebilirsiniz.

<form action="http://www.neleryokki.com/cgi-bin/ornek/ortam.cgi" method="GET">
<pre>
Adınız: <input type="text" name="ad" size=30><p>
Soyadınız: <input type="text" name="soyad" size=30><p>
</pre>
<input type="submit" value="Gönder">
</form>

Bo formla gönderilen bilgiler aşağıdaki gibi görünür.

$ENV{'QUERY_STRING'} = ad=umut+baris&soyad=ruzgar

Değerler & işareti ile ayrılmıştır. Bu iki değeri birbirinden ayırmak için Perl'ün split fonksiyonunu kullanacağız.

@degerler = split(/\&/,$ENV{'QUERY_STRING'});
foreach $i (@degerler) {
($alanadi, $deger) = split(/=/,$i);
print "$alanadi = $deger\n";
}

split fonksiyonu bir karakter sırasını, belirtilen karakter ya da karakterlerden ayırarak bir dizi oluşturur. Örneğimizin ilk satırında QUERY_STRING değişkeninin değeri & işaretinden ikiye ayrılmıştır. & işaretinden önce \ kullanılmasının nedeni & işaretinin Perl'de özel bir anlamı olmasıdır. (Perl'de bazı özel karakterleri kullanırken başına \işareti koymamız gerekebilir). Bu ayırma işlemi sonucu @değerler dizisine iki değer atanır: ad=umut+bariş ve soyadı=ruzgar. foreach döngüsünde önce = işaretinden alan adı ve alanlara yazılan yazılar birbirinden ayrılarak $alanadi ve değer değişkenlerine atanır. Sonra da birbirinden ayrılmış olan bu değerler yazdırılır.

GET metodu hakkında bazı uyarılar: Bu metod bilgi göndermek için güvenli değildir. Bu yüzden şifre ve kredi kartı bilgileri gibi gizli bilgileri gönderirken asla bu metodu kullanmayınız. Gönderilen bilgi URL'in bir parçası olarak gönderildiği için server'ın log dosyalarında kaydedilir ve log dosyaları da server'daki bütün kullanıcılar tarafından okunabilir. Gizli bilgiler bir sonraki bölümde göreceğimiz POST metodu ile güvenli bir biçimde gönderilebilir.

Renk Kod Oluşturucu	Css Oluşturma	Html Kontrol ve PHP Dönüştürücü	HTML Java Dönüştürücü
Banner Hazırlama	Bedawa Web Alanı	Animasyonlu gif Resimler	Banner Kaldırma
Sitenizin hitini arttırmanın yolları	Sitenizi Kaydedin	Kaynak Kodu Gizleme	Html Asp Dönüştürücü
Kayan Çubuk Oluşturucu	Diğer Javalar için Tıklayın