search-engines

kali ini saya akan memberikan sedikit tips cara membuat form pencarian pada halaman , yang memungkinkan penggunjung web untuk memilih mesin pencari yang ingin mereka gunakan untuk melakukan pencarian. Cara ini menggunakan url query yang di gunakan mesin pencari,

contoh :http://www.google.com/search?q=fahram

  • Langkah pertama : mengumpulkan url search engine yang ingin digunakan,

http://www.google.com/search?q=
http://www.altavista.com/web/results?q=
http://www.dogpile.com/info.dogpl/search/web/
http://search.yahoo.com/search?p=
http://www.bing.com/search?q=

  • langkah kedua : membuat Form pencarian.

code berikut ini adalah kode untuk membuat semuah form input, copy code berikut ke sebuah halaman web / file.html

    <form name="searchform" onSubmit="return dosearch();">
    Search:
    <select name="sengines">
    <option selected="selected" value="http://www.google.com/search?q=">Google</option>
    <option value="http://search.yahoo.com/search?p=">Yahoo!</option>
    <option value="http://www.altavista.com/web/results?q=">Alta Vista</option>
    <option value="http://www.dogpile.com/info.dogpl/search/web/">Dogpile</option>
    <option value="http://www.bing.com/search?q=">Bing</option>
    </select>
     
    For:
    <input name="searchterms" type="text" />
    <input name="SearchSubmit" type="submit" value="Search" />
    </form>
  • membuat fungsi dengan javascript.
  • Langkah yang terakhir adalah membuat javascript  , copy code berikut dan letakkan diatas code form tadi.

    View Code JAVASCRIPT
    <script type="text/javascript">
    function dosearch() {
    var sf=document.searchform;
    var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value);
    window.location.href = submitto;
    return false;
    }
    </script>

    Multiple search engine

    ok cuma segitu, semoga bermanfaat, kalau ada yang ingin ditanyakan, silahkan tinggalkan komentar atau bergabung di forum kami.

    Related Article
    Komentar