网页-站内搜索功能

<div class="lx_ss_nr1_1">
<h2>站内搜索</h2>
<input type="text" name="keywords" id="keywords" class="ss_1" value="请输入关键字" onfocus="if (value =='请输入关键字'){value =''}" onblur="if (value ==''){value='请输入关键字'}"><input type="submit" value="" class="ss_2">
</div>

.lx_ss_nr1_1{ overflow:hidden; display:block; margin-top:20px;}

.lx_ss_nr1_1 .ss_1{ width:235px; height:28px; border:1px solid #bfbfbf; border-right:0px; float:left; display:inline;}
.lx_ss_nr1_1 .ss_2{ width:46px; height:28px; background:url(../images/ss_1.jpg) no-repeat; float:left; display:inline; border:0px;}
一:前台页面处理形式

$(function () {
$('#keywords').bind('keypress', function (event) {
if (event.keyCode == "13") {
var keyword = $('#keywords').val();
if (keyword != "") {
window.open("search.aspx?keywords=" + escape(keyword), "_blank");
}
}
});
});

 keywords = HttpUtility.UrlDecode(CMS.Common.CMSRequest.GetQueryString("keywords"));

二:后台提交形式

<asp:button runat="server" id="btnSearch" cssclass="sy_botton" onclick="btnSearch_Click" />

protected void btnSearch_Click(object sender, EventArgs e)
{
string keywords = Request.Form["keywords"].Trim();
Response.Redirect("search.aspx?id=-20&keywords=" + Server.UrlEncode(keywords) + "");
}

string strWhere = "";
if (!string.IsNullOrEmpty(keywords))
{
strWhere = " title like '%" + Server.UrlDecode(keywords) + "%'";
}

也可以用服务器控件

<asp:TextBox runat="server" CssClass="box2" id="txtKeyWords" value="请输入搜索关键字" onfocus="if (value =='请输入搜索关键字'){value =''}" onblur="if (value ==''){value='请输入搜索关键字'}"></asp:TextBox>
<asp:Button runat="server" ID="btnSearch" CssClass="submit" OnClick="btnSearch_Click"/>

三:搜索新页面打开

btnSubmit.Attributes.Add("onclick", "this.form.target='_blank'");

 

posted @ 2016-12-01 10:34  花影疏帘  阅读(132)  评论(0)    收藏  举报