Wikipedia Instant Search In Jquery With Integrated Voice Search

 i created a Wikipedia instant search in jquery with integrated voice search, with little differences  in UI with jquery and html, by using Wikipedia  API Call Back function. And  by using the instant search  function  .keyup(function(e)). This brings the meta-title information of Wikipedia as you type on the search box with smooth and fast as well as you can search with your voice as i included the voice search system by adding this html 

code in input field = (x-webkit-speech ) note :this voice search will be working only in Google chrome browser 

  

   

Give like to download the script or    Live Demo

  

screen shot below :

Wikipedia instant search jquery script :

<script>
   $("#searchterm").keyup(function(e){
     var q = $("#searchterm").val();
    $.getJSON("http://en.wikipedia.org/w/api.php?callback=?",
     {
      srsearch: q,
        action: "query",
        list: "search",
       format: "json"
        },
       function(data) {
        $("#results").empty();
       $("#results").append("<p>You Are Searching <b>" + q + "</b> </p>");+ q +
       $.each(data.query.search, function(i,item){
       $("#results").append("<div><a href='http://en.wikipedia.org/wiki/" + encodeURIComponent(item.title) + "'></a><br>" + item.snippet + "<br><br></div>");
        });
      });
      });
    </script>

voice search code:

                            x-webkit-speech

If you like this post about "Wikipedia instant search in jquery with integrated voice search " please do comment, share,tweet and like it thank you..










Author : Solomon David





 Facebook , Google+   about me   










Note these words listed below is for incoming search to increase keyword density so please dont mind of it thank you.



Incoming search: Wikipedia instant search in jquery with integrated voice search,Wikipedia instant search in jquery with integrated voice searchWikipedia instant search in jquery with integrated voice searchWikipedia instant search in jquery with integrated voice searchWikipedia instant search in jquery with integrated voice searchWikipedia instant search in jquery with integrated voice searchWikipedia instant search in jquery with integrated voice searchWikipedia instant search in jquery with integrated voice searchWikipedia instant search in jquery with integrated voice searchWikipedia instant search in jquery with integrated voice searchWikipedia instant search in jquery with integrated voice search