`
myfreespace
  • 浏览: 229031 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

提示补全功能

阅读更多

function checktag(){
	if($("tags").value.lenght!=0){
		if($("tags").value.match(/[^a-zA-Z0-9, ; \u4e00-\u9fa5]+/ig)){
			$("grouptag").innerHTML="<div style=\"background-color: #336699; border:solid 1 #FF9900; font-size:12px;width:280px; padding: 2px; auto; 2px; 30px;\"><li style=\"color:#CCCCCC\">标签中不能使用特殊字符</li></div>";
			return false;
		}else{
			$("grouptag").innerText="可填写5个,之间用空格隔开,每个标签限制为2-40个字符";
			return true;
		}
	}else{
		return true;
	}
}
function submit(){
	if(confirm() && checktag() ){
		$("form2").submit();
	}
}
//自动提示 add by bilibo 2010-07-20--------
function Getdata(obj)
{
 //获取值
	var data = jQuery(obj).val();
	var url = location.href;
	var timeoutId;
	clearTimeout(timeoutId);
	timeoutId = setTimeout(function(){
	jQuery.post(url,{tipdata:data},function(backdata)
			{displaydata(backdata,obj);});
	},10);
}	
function displaydata(backdata,obj)
{
	var offset=jQuery(obj).offset();//获得定位
	var x = offset.left;
	var y = offset.top;
	var h = jQuery(obj).height();
	var w = jQuery(obj).width();
	var left = x+"px";
	var top =  (h+y)+"px";
	var width = w+"px";
	var data = backdata.split(",");
	var ileng = data.length;
	if(data[0]!="")
	{
	jQuery("#tipdiv").css({border:"1px solid #636363",display:"block",width:width,left:left,top:top});
	jQuery("#list_tbody").empty();
	for(var i=0;i<ileng;i++)//添加结果
	{
		jQuery("#list_tbody").append("<tr><td>"+data[i]+"</td></tr>");
	}
	jQuery("td").css({width:width});
	jQuery("tr").hover(//鼠标事件
		function () {jQuery(this).addClass("mouseover");},
		function () {jQuery(this).removeClass("mouseover");}
			);
	jQuery("td").bind('click',function()//点击提交值
	{
		jQuery(obj).val(jQuery(this).text());
		jQuery("#tipdiv").css("display","none");
	}
	);
	}else{
	jQuery("#tipdiv").css("display","none");	
	}
}
jQuery(document).ready(function()//点击隐藏提示层
	{
	jQuery("*").click(function(){jQuery("#tipdiv").css("display","none");});
	}
	);

 html:

<div id="tipdiv" style="position:absolute;">
			<table id="list_table" bgcolor="#fffafa" cellspacing="0" cellpadding="0" border="0">
			<tbody id="list_tbody"></tbody>
			</table>
 还有待完善的地方,键盘的上下方向键还没有加上,现在出现提示后只能用鼠标选择。
0
0
分享到:
评论

相关推荐

    KISSY.Suggest 仿百度、淘宝输入提示补全功能的组件及实例

    **KISSY.Suggest** 是一个JavaScript库,用于实现类似于百度和淘宝的输入提示补全功能。这个组件是基于KISSY框架构建的,旨在提供高效、易用且可定制的自动补全体验,适用于网页上的搜索框或者任何需要动态建议的...

    仿谷歌百度实现输入自动补全功能

    本项目旨在仿照谷歌和百度的样式,实现一个具有高效、易用的输入自动补全功能。 首先,我们要理解自动补全的基本原理。该功能通常基于用户在输入框中键入的部分字符,快速提供可能的匹配项列表。这个过程涉及两个...

    js自动补全功能

    在创建交互式用户界面时,JS输入框的自动提示补全功能是提高用户体验的重要工具。这个功能通常应用于搜索框、表单输入和其他需要用户输入数据的场景,能帮助用户快速找到或输入他们想要的内容。 实现JS输入框自动...

    eclipse添加spket供js自动提示补全.rar

    本教程将详细介绍如何安装和配置SPket,以便在Eclipse中获得JS自动提示补全功能。 首先,我们需要下载SPket插件。在描述中提到,文件名为"spket-1.6.23.zip",这应该是SPket的安装包。你需要从官方或者其他可信赖的...

    eclipse开发自动补全功能

    eclipse开发自动补全功能 Eclipse 是一个功能强大的集成开发环境(IDE),它提供了许多实用功能来提高开发效率。自动补全功能是 Eclipse 中的一项重要功能,它可以帮助开发者快速编写代码,提高开发效率。 自动...

    swift解决不能提示补全的办法

    - **问题描述**:在某些情况下,如果Swift项目中存在中文字符,可能会导致IDE中的提示补全功能失效。 - **解决方案**:仔细检查项目中的所有文件,包括源代码文件、注释等,确保没有任何中文字符的存在。一旦找到...

    安卓搜索相关相关-实现搜索的自动补全功能.rar

    在安卓应用开发中,搜索自动补全功能是一个非常常见的需求,它能提升用户的搜索体验,让用户更快找到所需信息。这个压缩包"安卓搜索相关相关-实现搜索的自动补全功能.rar"显然包含了实现这一功能的相关代码和资源。...

    java swing 文本框自动补全示例

    java swing 文本框自动补全示例,数据源默认当前系统字体,便于测试,单文件一看就懂...........

    c#textbox输入框自动提示、自动完成、自动补全功能

    在C#编程中,TextBox控件是用于...总之,掌握TextBox的自动提示、自动完成和自动补全功能对于提升C#应用程序的用户交互性和效率至关重要。通过理解这些概念并实践相关代码,开发者可以创建出更加智能和用户友好的界面。

    Android调用通讯录 查询多选联系人 自动提示补全 发送信息

    在Android平台上,开发一款应用需要调用通讯录、支持多选联系人以及提供查询时的自动提示补全功能,并能够发送信息,这涉及到多个关键知识点。以下是对这些知识点的详细说明: 1. **调用通讯录**:Android系统提供...

    C#dataGridView中输入框自动提示、自动完成、自动补全功能

    在实际应用中,为了提高用户交互体验,我们常常需要为`dataGridView`的输入框添加自动提示、自动完成和自动补全功能。这些功能能够帮助用户更快地找到或输入他们想要的数据,减少错误输入的可能性。 自动提示...

    jQuery实现自动补全功能

    "jQuery实现自动补全功能"是一个常见的需求,特别适用于搜索框或者输入字段,以提高用户体验。自动补全功能允许用户在输入时提供预设的建议,从而快速找到他们可能正在寻找的内容。 jQuery的自动补全功能主要依赖于...

    C# 动态自动补全功能 含css js 和前后台代码

    在编程环境中,特别是像C#这样的强类型语言中,动态自动补全功能对于编写代码至关重要。它能够根据用户输入的字符预测并提供可能的完成选项,从而减少手动键入的时间和错误。 在C#中,动态自动补全功能通常是通过...

    Eclipse增强代码补全功能后变量申明自动补全的问题

    当打开eclipse 打开增强代码补全功能后(26个字母触发代码提示功能),当申明变量时,会出现代码提示框,第一行补全内容为,当前你输入的变量名再加上变量类型名,不管你按回车,还是空格,这一行都会上屏。...

    vim 代码自动提示,自动补全 安装包 autocomplpop

    在编程过程中,代码自动提示和自动补全是提高效率的重要工具,这正是 `autocomplpop` 插件的功能所在。这个插件是 Vim 用户为了实现类似于其他现代IDE的代码补全体验而开发的,它可以与 `L9`(Vim9脚本)一起工作,...

    STM32CubeIDE_1.10.0 自动补全 与 TAB按键补全

    STM32CubeIDE集成的自动补全功能不仅涵盖了C/C++语言的基本语法,还针对STM32特定库函数进行了优化,能快速提示用户常用的HAL库函数和LL库函数,使得开发者能够更快地编写和理解代码。 而TAB键补全则是自动补全功能...

    更强的自动补全提示:提示补全组件:Kissy Suggest(转)

    在IT行业中,自动补全功能已经成为了开发人员和用户日常工作中不可或缺的一部分,它极大地提高了代码编写和信息搜索的效率。本文将重点介绍一种强大的自动补全提示组件——Kissy Suggest,它是一个基于JavaScript的...

    邮箱自动补全

    总的来说,这个项目提供了一个实用的前端解决方案,通过与jQuery库的结合,使得即使在旧版本的IE浏览器中也能实现高效且用户友好的邮箱地址自动补全功能。对于想要学习或使用类似功能的开发者来说,这个项目是一个很...

Global site tag (gtag.js) - Google Analytics