如何让我的搜索栏实际工作?

时间:2011-03-05 22:47:48

标签: html

嘿伙计们, 我有一个搜索栏,它看起来很好,但我真的不知道如何让它搜索我的整个网站... 这是我到目前为止的html代码:

<form class="search2" method="get" action="default.html" />
<input class="search2" 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" />

先谢谢你们!

1 个答案:

答案 0 :(得分:1)

我知道你说你想跳过谷歌路线,但是如果你想要一个临时解决方案,而你在编写自己的代码来搜索你的网站,这将有所帮助(我已经扩展了什么布拉德克里斯蒂在上面的评论中写道:

上面添加了元素ID的HTML:

<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" />

JavaScript:

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

由于用于搜索的JS不在window.onload函数中,因此您需要在表单之后放置脚本块。我尽可能地简化了这一过程,以帮助您将其集成并立即运行。哦,不要忘记将上面JS中的“yoursitename.com”更改为您的实际域名。