Google AJAX Search - Automatically Load Default Result

Hello,

My search page is search.html and when people open that page by default i want to display result for "myword" how to do that please help me and here the code:

search.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google Powered Site Search  Demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"&gt;&lt;/script&gt;
<script src="script.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
        $("#resultsDiv")({
            s : 'yahoo',
        });

    });
    </script>

</head>

<body>

     <form id="searchForm" method="post">
               <input id="s" type="text" value="myword" />
            <input type="submit" value="Submit" />

    </form>
Search result from Google for:
    <div id="resultsDiv"></div>


</body>
</html>

script.js

$(document).ready(function(){

    var config = {
        type        : 'web',
        append        : false,
        perPage        : 1,            // A maximum of 8 is allowed by Google
    }

    // Focusing the input text box:
    $('#s').focus();

    $('#searchForm').submit(function(){
        googleSearch();
        return false;
    });

    function googleSearch(settings){

        // If no parameters are supplied to the function,
        // it takes its defaults from the config object above:

        settings = $.extend({},config,settings);
        settings.term = settings.term || $('#s').val();

        // URL of Google's AJAX search API
        var apiURL = 'http://ajax.googleapis.com/ajax/services/search/'+settings.type+'?v=1.0&amp;callback=?';
        var resultsDiv = $('#resultsDiv');

        $.getJSON(apiURL,{q:settings.term,rsz:settings.perPage},function(r){

            var results = r.responseData.results;
            $('#more').remove();

            if(results.length){

                // If results were returned, add them to a pageContainer div,
                // after which append them to the #resultsDiv:

                var pageContainer = $('<div>',{className:'pageContainer'});

                for(var i=0;i<results.length;i++){
                    // Creating a new result object and firing its toString method:
                    pageContainer.append(new result(results[i]) + '');
                }

                if(!settings.append){
                    // This is executed when running a new search,
                    // instead of clicking on the More button:
                    resultsDiv.empty();
                }

                pageContainer.append('<div class="clear"></div>')
                             .hide().appendTo(resultsDiv)
                             .fadeIn('slow');

                var cursor = r.responseData.cursor;

            }
            else {

                // No results were found for this search.

                resultsDiv.empty();
                $('<p>',{className:'notFound',html:'No Results Were Found!'}).hide().appendTo(resultsDiv).fadeIn();
            }
        });
    }

    function result(r){

        // This is class definition. Object of this class are created for
        // each result. The markup is generated by the .toString() method.

        var arr = [];

        // GsearchResultClass is passed by the google API
        switch(r.GsearchResultClass){

            case 'GwebSearch':
                arr = [
                    '<div class="webResult">',
                    'Site Title: <strong>',r.titleNoFormatting,'</strong><br />',
                    'Site URL: <strong><a href="',r.unescapedUrl,'" target="_blank">',r.visibleUrl,'</strong></a>',
                    '</div>'
                ];
            break;
        }

        // The toString method.
        this.toString = function(){
            return arr.join('');
        }
    }
});

Thanks before.

ansaurus

tags:

views:

answers:

Google AJAX Search - Automatically Load Default Result

related questions