This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Google Site Search

Add AJAX-powered search capabilities to your site in seconds. Powered by Google.

Local: CSS/JS files (add code to <HEAD> section):

?
1
2
3
4
5
6
7
8
<!-- DC Google Site Search CSS -->
<link rel="stylesheet" type="text/css" href="dcodes/site_search/css/dc_sitesearch.css" />
<!-- jQuery Library (skip this step if already called on page ) -->
<script type="text/javascript" src="dcodes/jquery.min.js"></script> <!-- (do not call twice) -->
<!-- DC Google Site Search JS -->
<script src="dcodes/site_search/js/dc_sitesearch.js"></script>
<!-- edit dc_sitesearch.js and define domain to search under "siteURL" config variable -->
<!-- note: site must already be in the Google index for site search to work. -->

Google Site Search


Search This Site

  • Web
  • Images
  • News
  • Videos

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!-- DC Google Site Search Start -->
    <h3>Search This Site</h3>
    <form id="gsearchForm" method="post">
        <fieldset>
         
            <input id="gsearch1" type="text" />
             
            <input type="submit" value="Submit" id="gsubmitButton" />
             
            <div id="searchInContainer">
                <input type="radio" name="check" value="site" id="searchSite" checked />
                <label for="searchSite" id="siteNameLabel">Search</label>
                 
                <input type="radio" name="check" value="web" id="searchWeb" />
                <label for="searchWeb">Search The Web</label>
            </div>
                         
            <ul class="gsearch-icons">
                <li class="web" title="Web Search" data-searchType="web">Web</li>
                <li class="images" title="Image Search" data-searchType="images">Images</li>
                <li class="news" title="News Search" data-searchType="news">News</li>
                <li class="videos" title="Video Search" data-searchType="video">Videos</li>
            </ul>
             
        </fieldset>
    </form>
    <div id="resultsDiv"></div>
<!-- DC Google Site Search End -->


© TemplateAccess