Tem 03

Linke Tıklandığında Popup Sayfası Açtırma

javascriptWeb sayfamızda herhangi bir linke tıklandığında pupop şeklinde bir sayfa açtırmak istiyorsak aşağıdaki şekilde bir kod kullanmamız gerekmektedir;

<a onclick="window.open('http://bilgennet.com','','toolbar=no,scrollbars=no,resizable=no,width=900,height=500');">Buraya Tıklayın</a>

Tekrar görüşmek üzere. Şimdilik hoşçakalın.

Haz 15

Javascript Onaylama İşlemi

javascript

Web sayfalarında bir butona tıklandığında farklı bir sayfaya yönlenirken veya bir kaydın silinmesi istendiğinde kullanıcının onayını aldırtmamız mümkündür. Bu işlemi Javascript komutları ile kolay bir şekilde yapabilmekteyiz. Bu işlem için aşağıdaki gibi bir komut kullanabilirsiniz;

<script>
function onay()
{
 if(confirm("www.bilisimzirve.com sitesine gitmek istediğinizden emin misiniz?"))
 {
 window.location.href = "http://www.bilisimzirve.com/";
 }
}
</script>
 
<input type="button" onclick="onay()" value="www.bilisimzirve.com" />
Eki 12

Javascript Sayfa İçi Arama

javascriptHtml ile oluşturduğumuz web sayfamıza Javascript komutarı ile sayfa içi kelime arama işlemini yaptırmamız mümkündür. Bu işlem için aşağıdaki kodları web sayfamıza eklememiz yeterli olacaktır;

<script>
var TRange = null;
var dupeRange = null;
var TestRange = null;
var win = null;
var nom = navigator.appName.toLowerCase();
var agt = navigator.userAgent.toLowerCase();
var is_major   = parseInt(navigator.appVersion);
var is_minor   = parseFloat(navigator.appVersion);
var is_ie      = (agt.indexOf("msie") != -1);
var is_ie4up   = (is_ie &amp;&amp; (is_major &gt;= 4));
var is_not_moz = (agt.indexOf('netscape')!=-1)
var is_nav     = (nom.indexOf('netscape')!=-1);
var is_nav4    = (is_nav &amp;&amp; (is_major == 4));
var is_mac     = (agt.indexOf("mac")!=-1);
var is_gecko   = (agt.indexOf('gecko') != -1);
var is_opera   = (agt.indexOf("opera") != -1);
var is_rev=0
if (is_gecko) {
temp = agt.split("rv:")
is_rev = parseFloat(temp[1])
}
 
var frametosearch = self;
function search(whichform, whichframe) {
if (is_ie4up &amp;&amp; is_mac) return;
if (is_gecko &amp;&amp; (is_rev &lt;1)) return;
if (is_opera) return;
if(whichform.findthis.value!=null &amp;&amp; whichform.findthis.value!='') {
       str = whichform.findthis.value;
       win = whichframe;
       var frameval=false;
       if(win!=self)
{
       frameval=true;  
       win = parent.frames[whichframe];
}
}
else return;  
var strFound;
if(is_nav4 &amp;&amp; (is_minor &lt; 5)) {
  strFound=win.find(str); 
        }
if (is_gecko &amp;&amp; (is_rev &gt;= 1)) {
    if(frameval!=false) win.focus(); 
    strFound=win.find(str, false, false, true, false, frameval, false);
    if (is_not_moz)  whichform.findthis.focus();
}
 if (is_ie4up) {
  if (TRange!=null) {
   
   TestRange=win.document.body.createTextRange();
   if (dupeRange.inRange(TestRange)) {
 
   TRange.collapse(false);
   strFound=TRange.findText(str);
    if (strFound) {
       
        win.document.body.scrollTop = win.document.body.scrollTop + TRange.offsetTop;
        TRange.select();
        }
   }
   
   else {
 
     TRange=win.document.body.createTextRange();
     TRange.collapse(false);
     strFound=TRange.findText(str);
     if (strFound) {
        //the following line added by Mike and Susan Keenan, 7 June 2003
        win.document.body.scrollTop = TRange.offsetTop;
        TRange.select();
        }
   }
  }
  
   if (TRange==null || strFound==0) {
   TRange=win.document.body.createTextRange();
   dupeRange = TRange.duplicate();
   strFound=TRange.findText(str);
    if (strFound) {
        //the following line added by Mike and Susan Keenan, 7 June 2003
        win.document.body.scrollTop = TRange.offsetTop;
        TRange.select();
        }
   }
 
 }
 
  if (!strFound) alert ("Bu Sayfada hiç '"+str+"' terimi bulunamadı!")        
}
</script>
<form name="koddostuaramaformu" onSubmit="search(document.koddostuaramaformu, frametosearch); return false"><input type="text" name="findthis" size="15" title="Kod Dostu Sayfa İçi Arama Formu"> <input type="submit" value="Bu Sayfada Ara" ACCESSKEY="s"></form>
Linux Dersleri<br>
Windows Dersleri<br>
PHP Dersleri<br>
HTML Dersleri<br>
Javascript Dersleri<br>

Bu komutları ekledikten sonra sayfa içi kelime arama butonu eklenmiş olacaktır.

Deneme sayfasına ulaşmak için buraya tıklayın….

Eki 02

Javascript Sağ Tık Engelleme Mesajlı

javascriptBir önceki yazımızda Javascript ile sağ tuş engelleme yapmak için yazmamız gereken komutları öğrenmiştik. Bu yazıda ise aynı işlemi mesaj verdirerek yapmak için yazılması gereken Javascript komutlarını öğreneceğiz. Bu işlem için sağ tuş engeli koymak istediğimiz web sayfamıza aşağıdaki komutları yazmamız yeterli olacaktır;

<script type="text/javascript">
function IE(e) {
     if (navigator.appName == "Microsoft Internet Explorer" &amp;&amp; (event.button == "2" || event.button == "3")) {
          alert('UYARI BEYBI');
          return false;
     }
}
function NS(e) {
     if (document.layers || (document.getElementById &amp;&amp; !document.all)) {
          if (e.which == "2" || e.which == "3") {
               alert('BUSAYFADA SAĞ TUŞ YASAKLANMIŞTIR');
               return false;
          }
     }
}
document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
</script>

Bu şekilde mesaj verdirerek sağ tuş kullanma engeli yapabilirsiniz. Tekrar görüşmek üzere.

Eki 01

Javascript ile Sağ Tuş Engelleme

javascriptJavascript ile web sitemizde sağ tuş ile tıklanmasını engelleyebiliriz. Bu işlem için sağ tuş yapılmasını engellemek istediğimiz web sayfamıza aşağıdaki komutları eklememiz yeterli olacaktır;

<SCRIPT LANGUAGE="Javascript">
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
var EnableRightClick = 0;
if(isNS)
document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
if(EnableRightClick==1){ return true; }
else {return false; }
}
function mousehandler(e){
if(EnableRightClick==1){ return true; }
var myevent = (isNS) ? e : event;
var eventbutton = (isNS) ? myevent.which : myevent.button;
if((eventbutton==2)||(eventbutton==3)) return false;
}
function keyhandler(e) {
var myevent = (isNS) ? e : window.event;
if (myevent.keyCode==96)
EnableRightClick = 1;
return;
}
document.oncontextmenu = mischandler;
document.onkeypress = keyhandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;
</script>

Bu kodları koyduğumuz web ayfamızda sağ tuş ile tıklama işlemi yapılmayacaktır.
Not: Çalışmayan kodları yorum bölümünde belirtmenizi rica ediyorum.

Ağu 20

Web Sitesine Arka Plan Müziği Ekleme

javascriptJavascript ile web sitemizi ziyaret eden kullanıcılara arka planda müzik dinlettirmemiz mümkündür. Bu işlem için web sitemizin <body></body> etiketlerinin arasına aşağıdaki kodları eklememiz yeterli olacaktır ;

<script type="text/javascript">
audio = new Audio();
audio.src = "müzikdosyasi.mp3";
audio.loop = true;     
audio.play();
</script>

Bu kodda audio.src bölümüne müzik dosyasının yolunu yazmanız gerekmektedir. Tekrar görüşmek üzere. Şimdilik hoşçakalın.

Tem 08

Javascript ile Mesaj Verme

javascriptJavascript ile sitemize giren ziyaretçilere mesaj vermemiz mümkündür. Bu işlem için web sayfamıza aşağıda yazdığım şekilde bir kod koymanız yeterli olacaktır;

<html>
<head>
<script type="text/javascript"> 
alert("Sitemize Hoşgeldiniz") 
</script>
</head>

Bu şekilde web sayfanızı ziyaret eden kullanıcılara mesaj vermeniz mümkündür. Javascript ile ilgili yazılarımıza devam edeceğiz. Bizi takip etmeye devam edin.

Haz 30

Javascript ile Ekran Boyutuna Göre Yönlendirme

javascriptWeb sitemizin giriş yapan cihazın boyutuna göre web sitemizi farklı bir adrese yönlendirmemiz mümkündür. Bu işlem için web sayfamıza aşağıdaki gibi Javascript komutu koymamımız yeterli olacaktır;

&lt;script type=”text/javascript”&gt;
&lt;!–
if (screen.width &lt;= 700) // 700px'den büyük olan ekranlar m.websiteismimiz.com adresine yönlenir yönlenir. {
document.location = “http://m.websiteismimiz.com”;
}
//–&gt;
&lt;/script&gt;

Bu yönlendirme biçimini mobilden giriş yapılan cihazlar için kullanabiliriz. Javascript ile ilgili konularımıza devam edeceğiz. Bizi takip etmeye devam edin.

Haz 30

Javascript ile Mobil Siteye Yönlendirme

javascriptWeb sitenize mobil cihazlardan giriş yapıldığında farklı bir adrese yönlenmesini istiyorsanız sitemizde aşağıda yazdığım Javascript komutunu kullanabilirsiniz.

<script type="text/javascript">
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()))
if(mobile){
document.location="http://m.yonlenecekadres.com/";
}</script>

Mobil cihazlar için farklı bir tasarıma sahip site hazırladıysanız bu şekilde web sitenizi cihaza göre yönlendirebilirsiniz. Tekrar görüşmek üzere. Şimdilik hoşçakalın.

Ağu 31

Siteden Çıkarken Uyarı Mesajı Verdirmek

javascript

Bazı web sitelerinden çıkarken karşımıza “bu sayfadan çıkmak istediğinize emin misiniz?” tarzı mesaj çıkmaktadır. Bizde kendi web sitemize Javascript komutu ile bu özelliği koyabilmekteyiz. Bu işlem için uyarı verdirmek istediğimiz web sayfamıza aşağıdaki komutu yazmamız yeterlidir;

<script language="JavaScript">
window.onbeforeunload=confirmExit;
function confirmExit()
{
return "Bu sayfadan çıkmak istediğinize eminmisiniz?";
}
</script>

Bu komuttan sonra web sitenizden çıkan kullanıcıların karşısına uyarı mesajı çıkacaktır. Başka bir makalede tekrar görüşmek üzere. Şimdilik hoşçakalın.