1
HTML 테이블이 있으며 각 행에 아이콘을 입력하면 "편집"아이콘이 추가되어 메뉴가 팝업됩니다. document.ready 함수에서 이벤트 mouseenter가 효과적입니다. 그러나 dajax를 통해 새 행을 추가하면 이벤트 mouseenter가 비효율적입니다.아약스를 통해 콘텐츠를 추가했지만 mouseenter 이벤트가 비효율적입니다.
function add_finding(table_type){
if(!check_finding_attribute(table_type))
return;
else{
Dajaxice.codeinsight.add_finding(Dajax.process,get_finding_attribute_dict(table_type));
reset_finding_attribute(table_type);
//reload the popup menu
$(".menubox").each(function(){
var menubox_id=$(this).attr("id");
var showmenu_id=menubox_id.replace("menubox","showmenu");
$.showmenu("#"+showmenu_id,"#"+menubox_id);
});
}
}
$(document).ready(function(){
jQuery.showmenu = function(showbtnid,showboxid) {
var showmenubtn = $(showbtnid);
var showmenubox = $(showboxid);
showmenubtn.mouseenter(function(e){
var thish = $(this).height();
var offset = $(this).offset();
var tipx = offset.left;
var tipy = offset.top+thish-1;
showmenubox.show().css("left",tipx).css("top",tipy);
t= setTimeout(function(){showmenubox.hide();},1000);
});
showmenubox.mouseenter(function(){
clearTimeout(t);
});
showmenubox.mouseleave(function(){
$(this).hide();
});
};
$(".menubox").each(function(){
var menubox_id=$(this).attr("id");
var showmenu_id=menubox_id.replace("menubox","showmenu");
$.showmenu("#"+showmenu_id,"#"+menubox_id);
});
});