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