"JavaScript" kategorisindeki yazıları incelemektesiniz.

JavaScript te Email Adresi Doğrulama

JavaScript te Email Adresi Doğrulama

E Posta (email) Adresi Doğrulama = Formda kullanıcı tarafından girilen e-posta adresini kontrol eder. <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!– Begin function checkeposta(myForm) { if (/^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/.test(myForm.emailAddr.value)){ return (true) } alert("Hatalı E-posta Adresi! Tekrar giriniz.") return (false) } // End –> </script> </HEAD> <BODY> <form onSubmit="return checkeposta(this)"> E-mail Address:<br> <input type="text" name="emailAddr"> <p> <input type="submit" value="Submit"> <input type="reset" value="Reset"> </form> Formda kullanıcı tarafından girilen e-posta adresini bir eposta adresinde bulunması gereken kriterlere (@ işareti, noktalar) göre "Regular Expressions" kullanarak kontrol eder. Hata bulursa uyarı mesajı gösterir (Alert).

JavaScript Hareketli Menü Oluşturma

JavaScript Hareketli Menü Oluşturma

JavaScript Hareketli Menü Oluşturma= Javascript ile yapılmış hareket eden bir menü örneği. Sayfada linklerinizin değişik bir biçimde gözükmesini istiyorsanız deneyebilirsiniz. ///// ADIM 1 <HEAD> Bölümleri arasına eklenecek olan bölüm <style type="text/css"> .menulinks {position:relative;} #menucont a{color:#006699; font-weight:bold; text-decoration:none;} #menucont a:hover{color:#ff0000; font-weight:bold; text-decoration:underline overline; text-transform: uppercase;} </style> <SCRIPT LANGUAGE="JavaScript"> nSpace=7 // how many space maximum between each letter nSpeed=200 // Animasyonun Hızı timerLSM=null; function LetterSpacingMenu() { if(document.getElementById){ lnks = Math.floor(Math.random()*lnk.length); letterSpacing = Math.floor(Math.random()*nSpace); lnk[lnks].style.letterSpacing = letterSpacing + "px"; timerLSM = setTimeout("LetterSpacingMenu()", nSpeed); } } function StopMenu() { if(document.getElementById) { clearTimeout(timerLSM); for(i=0;i<lnk.length;i++) lnk[i].style.letterSpacing = 0 + "px"; } } function LSMenuInit() { if(document.getElementById)...

Ekran Renginin Değiştirilmesi

Ekran Renginin Değiştirilmesi

Ekran Renginin Değiştirilmesi = Hazırladığınız sayfaların ekran renklerini kullanıcının itdediği bir rek ile değiştirmesini istediğiniz zaman kullanabileceğiniz bir kod örneği. // ************************************************** *************** // <BODY> Bölümleri arasına eklenecek olan bölüm // ************************************************** *************** <!– START OF SCRIPT –> <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 –> Kodları BODY ***ları arasında istediğiniz yere kopyalamanız yetmektedir. Kullanıcı istediği rengin yazısının üzerine geldiği zaman ekranın rengi değişmektedir.

JavaScript Gizli Menü Oluşturma

JavaScript Gizli Menü Oluşturma

JavaScript Gizli Menü Oluşturma = Sayfanın sol tarafında duran ve mouse üzerine geldiği zaman açılan gizli menü örneği.. // ************************************************** *************** // ADIM 1 <HEAD> Bölümleri arasına eklenecek olan bölüm // ************************************************** *************** <STYLE> #menuOut, #menuIn { position:absolute; left:-155px; width:160px; top:170px; border:1.5px solid green; background-color:yellow; layer-background-color:yellow; font:bold 12px Verdana; line-height:20px; } </STYLE> // ************************************************** *************** // ADIM 2 <BODY> Bölümleri arasına eklenecek olan bölüm // ************************************************** *************** <SCRIPT LANGUAGE="JavaScript"> <!– Begin if (document.all) document.write("<div id="menuIn" style="left:-150" onMouseover="pull()" onMouseout="draw()">") // End –> </script> <layer id="menuOut" onMouseover="pull()" onMouseout="draw()"> <SCRIPT LANGUAGE="JavaScript"> <!– Begin var siteName = new Array(); var siteLink = new Array();...

JavaScrpit’te Kronometre Örneği

JavaScrpit’te Kronometre Örneği

JavaScrpit"te Kronometre Örneği = Javascript kodlarıyla yapılmış bir kronometre örneği. // ************************************************** *************** // ADIM 1 <HEAD> Bölümleri arasına eklenecek olan bölüm // ************************************************** *************** <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...