1. Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha Fazla Bilgi.

Javascript Sayfa Içi Arama

'Javascript Programlama' forumunda Admin tarafından 7 Aralık 2017 20:22 tarihinde açılan konu

Etiketler:
  1. Admin

    Admin Ceo Site Yetkilisi

    Katılım:
    29 Kasım 2017
    Mesaj:
    220
    Alınan Beğeniler:
    17
    Ödül Puanları:
    150
    Cinsiyet:
    Erkek
    Meslek:
    Tasarım
    Şehir:
    bursa
    Web Sitesi:
    Javascript Sayfa İçi Arama
    Html 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.
    Kod:
    <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.

     

Bu Sayfayı Paylaş