这种自动补全的代码怎么用呢?

问题描述

小弟刚毕业.打算完善下毕业设计.查找到如下的东西.可惜不会用。对javascript、css一点不懂.http://blog.csdn.net/yanghua_kobe/article/details/6401683各位大哥能否告诉小弟应该怎么用呢.就是放到哪里.或者需要建立什么文件么?我现在有现成的aspx文件..应该怎么添加..谢谢.

解决方案

解决方案二:
额。。你那个链接里所有的代码都贴出来了还不会用啊。。JS就直接放在aspx里<scripttype="text/javascript"></script>这个之间。。。css放在<styletype="text/css"></style>之间
解决方案三:
<headrunat="server"><title>标题</title><linkhref="../../Styles/css.css"rel="Stylesheet"type="text/css"/><scriptsrc="/Scripts/jquery-1.4.1.js"type="text/javascript"></script></head>

放.aspx页面里
解决方案四:
AutoComplete整个数据库里面放你的后缀。或者<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><scriptsrc="http://www.cwydesign.com/effects/UploadFiles_7074/201105/2011050922474992.js"type="text/javascript"></script><styletype="text/css">body{margin:0px;padding:0px;font-family:Arial;font-size:12px;padding:10px;}#myemail,.newemail,.newemailtitle{cursor:default;line-height:18px;}</style></head><body>Email<inputid="me"type="text"value=""style="width:150px;height:18px;line-height:18px;border:1pxsolid#999;"><scripttype="text/javascript">varnowid;vartotalid;varcan1press=false;varemailafter;varemailbefor;$(document).ready(function(){$("#me").focus(function(){//文本框获得焦点,插入Email提示层$("#myemail").remove();$(this).after("<divid='myemail'style='width:170px;height:auto;background:#fff;color:#6B6B6B;position:absolute;left:"+$(this).get(0).offsetLeft+"px;top:"+($(this).get(0).offsetTop+$(this).height()+2)+"px;border:1pxsolid#ccc;z-index:5px;'></div>");if($("#myemail").html()){$("#myemail").css("display","block");$(".newemail").css("width",$("#myemail").width());can1press=true;}else{$("#myemail").css("display","none");can1press=false;}}).keyup(function(){//文本框输入文字时,显示Email提示层和常用Emailvarpress=$("#me").val();if(press!=""||press!=null){varemailtxt="";varemailvar=newArray("@163.com","@126.com","@yahoo.com","@qq.com","@sina.com","@gmail.com","@hotmail.com","@foxmail.com");totalid=emailvar.length;varemailmy="<divclass='newemail'style='width:170px;color:#6B6B6B;overflow:hidden;'><fontcolor='#D33022'>"+press+"</font></div>";if(!(isEmail(press))){for(vari=0;i<emailvar.length;i++){emailtxt=emailtxt+"<divclass='newemail'style='width:170px;color:#6B6B6B;overflow:hidden;'><fontcolor='#D33022'>"+press+"</font>"+emailvar[i]+"</div>"}}else{emailbefor=press.split("@")[0];emailafter="@"+press.split("@")[1];for(vari=0;i<emailvar.length;i++){vartheemail=emailvar[i];if(theemail.indexOf(emailafter)==0){emailtxt=emailtxt+"<divclass='newemail'style='width:170px;color:#6B6B6B;overflow:hidden;'><fontcolor='#D33022'>"+emailbefor+"</font>"+emailvar[i]+"</div>"}}}$("#myemail").html(emailmy+emailtxt);if($("#myemail").html()){$("#myemail").css("display","block");$(".newemail").css("width",$("#myemail").width());can1press=true;}else{$("#myemail").css("display","none");can1press=false;}beforepress=press;}if(press==""||press==null){$("#myemail").html("");$("#myemail").css("display","none");}})$(document).click(function(){//文本框失焦时删除层if(can1press){$("#myemail").remove();can1press=false;if($("#me").focus()){can1press=false;}}})$(".newemail").live("mouseover",function(){//鼠标经过提示Email时,高亮该条Email$(".newemail").css("background","#FFF");$(this).css("background","#CACACA");$(this).focus();nowid=$(this).index();}).live("click",function(){//鼠标点击Email时,文本框内容替换成该条Email,并删除提示层varnewhtml=$(this).html();newhtml=newhtml.replace(/<.*?>/g,"");$("#me").val(newhtml);$("#myemail").remove();})$(document).bind("keydown",function(e){if(can1press){switch(e.which){case38:if(nowid>0){$(".newemail").css("background","#FFF");$(".newemail").eq(nowid).prev().css("background","#CACACA").focus();nowid=nowid-1;}if(!nowid){nowid=0;$(".newemail").css("background","#FFF");$(".newemail").eq(nowid).css("background","#CACACA");$(".newemail").eq(nowid).focus();}break;case40:if(nowid<totalid){$(".newemail").css("background","#FFF");$(".newemail").eq(nowid).next().css("background","#CACACA").focus();nowid=nowid+1;}if(!nowid){nowid=0;$(".newemail").css("background","#FFF");$(".newemail").eq(nowid).css("background","#CACACA");$(".newemail").eq(nowid).focus();}break;case13:varnewhtml=$(".newemail").eq(nowid).html();newhtml=newhtml.replace(/<.*?>/g,"");$("#me").val(newhtml);$("#myemail").remove();}}})})//检查email邮箱functionisEmail(str){if(str.indexOf("@")>0){returntrue;}else{returnfalse;}}</script></body></html>

复制代码保存后缀为.HTML打开输入
解决方案五:
引用3楼wxr0323的回复:

AutoComplete整个数据库里面放你的后缀。或者HTMLcode<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/……

AutoComplete这个ajax控件还需要设置一些其他属性么?我设置了些只有输入@时候才出现提示..输入xxx@、444@、这类的不会提示呢?谢谢楼上三位大哥,很有用.谢谢..

时间: 2024-09-24 13:09:34

这种自动补全的代码怎么用呢?的相关文章

jQuery实现Email邮箱地址自动补全功能代码_jquery

本文实例讲述了jQuery实现Email邮箱地址自动补全功能代码.分享给大家供大家参考,具体如下: jQuery Email邮箱地址自动补全代码,输入Email时,会自动加入@符号,在输入框中输入"qq"."Sina"."163"等等可以看到效果:鼠标经过提示Email时,高亮该条Email,鼠标点击Email时,文本框内容替换成该条Email,并删除提示层. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js

PHPStorm添加第三方库的代码自动补全

1.下载swoole-ide-helper-en Java代码   git clone https://github.com/eaglewu/swoole-ide-helper.git    在你项目的External Libraries上右键->Configure PHP Include Path然后选择那个文件夹(swoole-ide-helper-en)就可以了 添加完成后看效果   为什么我添加了却没有提示? 解决办法:将自应用里面的相关文件统统"Mark as Plain Tex

linux下让irb实现代码自动补全的功能

    我不知道其他系统上irb是否有此功能,但是在ubuntu上ruby2.1.2自带的irb默认是没有代码自动补全功能的,这多少让人觉得有所不便.其实加上也很简单,就是在irb里加载一个模块:require 'irb/completion' ,但是我们不可能每次都手动敲着一行代码,KISS和DRY哪去了?     简单的一劳永逸的方法是在~/.irbrc里添加irb运行时需要执行的代码即可.你要问我怎么知道.irbrc文件路径的,你可以通过IRB.rc_file看到.网上还有更高级的自动补全

JSP + ajax实现输入框自动补全功能 实例代码_JSP编程

下面是我用ajax实现的输入框自动补全功能,数据库数据很少,大体模仿出了百度首页的提示功能,当然,人家百度的东西不只是这么简单的!先看运行效果: index.jsp(包含主要的js代码) 复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  <%      String path = request.getContextP

前端开发工具-visual studio code中html文档中输入script代码自动补全问题

问题描述 visual studio code中html文档中输入script代码自动补全问题 请问各位大神,怎么配置visual studio code(vsd)才能在html文档中插入script脚步有 自动补全的功能!!!开发工具-visual studio code中html文档中输入script代码自动补全问题-visual studio 补全"> 但是,如何在html中的script标签内实现补全 解决方案 visual studio 代码自动补全 与快捷键如何在Visual

php使HTML标签自动补全闭合函数代码_php实例

简单解释一些代码: 第一个 ~(<[^>]+?>)~si 这个正则是匹配<--->中的内容.简单说是所有的<标签>. 第二个 ~<([a-z0-9]+)[^/>]*?/>~si 这个正则是匹配<--/>中的内容.是单闭合标签 如<br /> 第三个 ~</([a-z0-9]+)[^/>]*?>~si 这个正则是匹配</......>中的内容.也就是结束标签 如</a> 第四个 ~&

【技术贴】MyEclipse打出syso代码不能自动补全补全不能输出system.out.print

在MyEclipse6.0甚至更高的6.5GA版本中的快捷键中把我们习惯性使用的Alt+/进行代码自动补齐 但是由于于之前版本有快捷键有冲突,所以总之不能自动提示 以下是解决方法 方法如下: 1.选择MyEclipse6.X菜单栏中的Window->preferences: 2.选择General->keys; 3.在右侧中间的窗体中点击word completion后再点击remove binding,在下方的binding中随便输入一个快捷键: 4.然后选择Content Assist点击

BootStrap Typeahead自动补全插件实例代码_javascript技巧

关键代码如下所示: $('#Sale').typeahead({ ajax: { url: '@Url.Action("../Contract/GetSale")', //timeout: 300, method: 'post', triggerLength: 1, loadingClass: null, preProcess: function (result) { return result; } }, display: "Value", val: "

控制台程序小工具:输入密码、指令指派、自动补全与帮助集成

一.简介 控制台程序小巧.便捷,开发起来简单.一般,我写项目时习惯在原定客户端之外,写一个控制台的客户端.这样有几个好处: (1)开发量较Web或GUI少得多. (2)运行起来简单,占有资源很少. (3)便于跟踪程序的运行.比如,用 log4net 记录日志的话,将appender-ref设置成ConsoleAppender,可以清楚看清系统运行轨迹,在使用nhibernate/activerecord开发时尤其方便. (4)当为同一个系统开发两种不同的UI时,会自觉的做好分层,这样可以使系统的