mootools实现搜索提示文本框修正版-开发语言,delphi,PHP,JSP,ASP,.NET,JAVA,C,PERL,C++,JS,BASIC,c#




┊linux社区┊ 爱心援助 ┊ Linux认证┊系列教程 ┊ 业界动态┊ 站务新闻 ┊ 公司招聘┊ 建议留言 ┊ 网址大全 ┊LPI专题┊ CISCO专题

设为首页

加入收藏

管理团队

联盟首页	入门区	安装配置	使用技巧	桌面应用	开发区	WEB开发	数据库	内核研究	SHELL	软件开发
软件下载	网络区	服务器	网络应用	网络安全	UNIX区	UNIX入门	UNIX提高	C专题	JAVA专题	嵌入应用
开发语言	PHP	JSP	ASP	ASP.NET	JAVA	C/C++/C#	PERL	JavaScript	Basic	Delphi

		您的位置：首页 > 开发语言 > JSP >

栏目导栏

php

JSP

ASP

asp.net

JAVA

c/c++/c#

perl

JavaScript

Basic

Delphi

资料搜索

最新文章

·JSP连接SQL Server 2000系统配

·jsp连接sql server调用数据源方

·JSP初学者必须掌握的语法点

·JSP语法手册

·JSP初级教程之plugin的使用

·Jsp+JavaBean循序渐进教程(一)

·Jsp+JavaBean循序渐进教程(五)

·事件监听器将JavaBeans接通起来

mootools实现搜索提示文本框修正版

[ 作者: 加入时间:2008-02-25 11:14:26 来自:Linux联盟收集整理 ]

	以前做了个提示文本框的示例，里面有很多不必要的东西，现在我修改了下，JS代码比以前简单了。 8TcLinux联盟 8TcLinux联盟 HTML： 8TcLinux联盟 8TcLinux联盟 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="NewAjaxTextBox.aspx.cs" Inherits="NewAjaxTextBox" %> 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 8TcLinux联盟 8TcLinux联盟 <html xmlns="http://www.w3.org/1999/xhtml"> 8TcLinux联盟 8TcLinux联盟 <head id="Head1" runat="server"> 8TcLinux联盟 8TcLinux联盟 <title>无标题页</title> 8TcLinux联盟 8TcLinux联盟 <link href="AjaxText.css" rel="stylesheet" type="text/css" /> 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 <script type="text/javascript" src="mootools-release-1.11.js"></script> 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 <script type="text/javascript"> 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 function getMsg(obj){ 8TcLinux联盟 8TcLinux联盟 $("ajaxtextbox").value=obj.innerHTML; 8TcLinux联盟 8TcLinux联盟 $("msgdiv").innerHTML=""; 8TcLinux联盟 8TcLinux联盟 $("msgdiv").className="display1"; 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 window.addEvent('domready',function(){ 8TcLinux联盟 8TcLinux联盟 $('ajaxtextbox').addEvent('keyup',function(e){ 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 if($('ajaxtextbox').value==''){ 8TcLinux联盟 8TcLinux联盟 return; 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 var url="NewAjaxTextBox.aspx?value="+ escape($('ajaxtextbox').value); 8TcLinux联盟 8TcLinux联盟 new Ajax(url,{method:'post', 8TcLinux联盟 8TcLinux联盟 onComplete:function(){ 8TcLinux联盟 8TcLinux联盟 $("msgdiv").innerHTML=this.response.text; 8TcLinux联盟 8TcLinux联盟 if(this.response.text!=''){ 8TcLinux联盟 8TcLinux联盟 $("msgdiv").className="display2"; 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 }).request(); 8TcLinux联盟 8TcLinux联盟 }); 8TcLinux联盟 8TcLinux联盟 }); 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 </script> 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 </head> 8TcLinux联盟 8TcLinux联盟 <body> 8TcLinux联盟 8TcLinux联盟 <input type="text" id="ajaxtextbox" class="text" runat="server" /><br /> 8TcLinux联盟 8TcLinux联盟 <div id="msgdiv" class="display1" > 8TcLinux联盟 8TcLinux联盟 </div> 8TcLinux联盟 8TcLinux联盟 </body> 8TcLinux联盟 8TcLinux联盟 </html> 8TcLinux联盟 8TcLinux联盟 CS： 8TcLinux联盟 8TcLinux联盟 using System; 8TcLinux联盟 8TcLinux联盟 using System.Data; 8TcLinux联盟 8TcLinux联盟 using System.Configuration; 8TcLinux联盟 8TcLinux联盟 using System.Collections; 8TcLinux联盟 8TcLinux联盟 using System.Web; 8TcLinux联盟 8TcLinux联盟 using System.Web.Security; 8TcLinux联盟 8TcLinux联盟 using System.Web.UI; 8TcLinux联盟 8TcLinux联盟 using System.Web.UI.WebControls; 8TcLinux联盟 8TcLinux联盟 using System.Web.UI.WebControls.WebParts; 8TcLinux联盟 8TcLinux联盟 using System.Web.UI.HtmlControls; 8TcLinux联盟 8TcLinux联盟 using System.Text; 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 public partial class NewAjaxTextBox : System.Web.UI.Page 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 public static DataTable dt = new DataTable(); 8TcLinux联盟 8TcLinux联盟 protected void Page_Load(object sender, EventArgs e) 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 if (dt.Rows.Count < 1) 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 dt.Columns.Add("content"); 8TcLinux联盟 8TcLinux联盟 for (int i = 0; i < 3; i++) 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 DataRow dr = dt.NewRow(); 8TcLinux联盟 8TcLinux联盟 dr["content"] = "呵呵" + i.ToString(); 8TcLinux联盟 8TcLinux联盟 dt.Rows.Add(dr); 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 for (int i = 0; i < 3; i++) 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 DataRow dr = dt.NewRow(); 8TcLinux联盟 8TcLinux联盟 dr["content"] = "哈哈" + i.ToString(); 8TcLinux联盟 8TcLinux联盟 dt.Rows.Add(dr); 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 if (!String.IsNullOrEmpty(Request["value"])) 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 Seach(Request["value"]); 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 protected void Seach(string value) 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 StringBuilder sb = new StringBuilder(); 8TcLinux联盟 8TcLinux联盟 for (int i = 0; i < dt.Rows.Count; i++) 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 string content = dt.Rows[i]["content"].ToString(); 8TcLinux联盟 if (content.IndexOf(value.Trim())>0\|\|content.StartsWith(value.Trim())\|\|content.EndsWith(value.Trim())) 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 string id = "dv" + i.ToString(); 8TcLinux联盟 8TcLinux联盟 sb.AppendFormat("<div id=\"{0}\" style=\"width:170px; cursor:pointer;\" ><a href=\"javascript:void(null);\" onclick=\"getMsg(this)\" >{1}</a></div>", id, dt.Rows[i]["content"].ToString()); 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 Response.Clear(); 8TcLinux联盟 8TcLinux联盟 Response.Write(sb); 8TcLinux联盟 8TcLinux联盟 Response.End(); 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 AjaxText.css： 8TcLinux联盟 8TcLinux联盟 .text{ width:200px; font-size:12px; left:0px;} 8TcLinux联盟 8TcLinux联盟 .display1{ width:200px; left:1px;} 8TcLinux联盟 8TcLinux联盟 .display2{ width:200px; border: solid 1px black; left:1px;} 8TcLinux联盟 8TcLinux联盟 a:link 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 color: #000000; 8TcLinux联盟 8TcLinux联盟 text-decoration: none; 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 a:visited 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 color: #0000FF; 8TcLinux联盟 8TcLinux联盟 text-decoration: none; 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟 a:hover 8TcLinux联盟 8TcLinux联盟 { 8TcLinux联盟 8TcLinux联盟 color: #FF0000; 8TcLinux联盟 8TcLinux联盟 text-decoration: underline; 8TcLinux联盟 8TcLinux联盟 } 8TcLinux联盟 8TcLinux联盟运行效果： 8TcLinux联盟 8TcLinux联盟 Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论

【评论】【加入收藏夹】【大中小】【打印】【关闭】

※ 相关链接

无相关信息



	© CopyRight 2006-2009 xxlinux.com.Inc All Rights Reserved
	Powered by xxlinux.com