How Do I Get My Search Bar To Actually Work?

Question

Hey guys, I've got a search bar and it looks fine, but i don't really know how to make it search the whole of my site... Here's my html code so far:

Solution 1:

I know you said you want to skip the Google route, but in case you want an interim solution while you go down the path of writing your own code to search your site, this will help (I've expanded on what Brad Christie posted in his comment above):

Your HTML from above with element IDs added:

<form id="frmSearch" class="search2" method="get" action="default.html" />
<input class="search2"id="txtSearch"type="text" name="serach_bar" size="31" maxlength="255"       
value="" style="left: 396px; top: 153px; width: 293px; height: 26px;" />
<input class="search1"type="submit" name="submition" value="Search" style=" padding-  
bottom:20px; left: 691px; top: 153px; height: 23px" />
<input class="search2"type="hidden" name="sitesearch" value="default.html" />

The JavaScript:

Baca Juga

<scripttype="text/javascript">document.getElementById('frmSearch').onsubmit = function() {
        window.location = 'http://www.google.com/search?q=site:yoursitename.com ' + document.getElementById('txtSearch').value;
        returnfalse;
    }
</script>

Since the JS to power the search is not inside a window.onload function you will need to place the script block after your form. I've tried to simplify this as much as possible to help you get it integrated and working right away. Oh, and don't forget to change "yoursitename.com" in the above JS to your actual domain name.

Html5 Tech

How Do I Get My Search Bar To Actually Work?

Solution 1:

Post a Comment for "How Do I Get My Search Bar To Actually Work?"