ヒント補完機能

3032 ワード

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>
はまだ完璧なところがあり、キーボードの上下方向キーがまだ付いていないので、今ヒントが出たらマウスで選択するしかありません.