Html-1

Ö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 !

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

Genel olarak kullanılan html tiketleri