简介：这是jquery 动态事件的详细页面，介绍了和php,有关的知识、技巧、经验，和一些php源码等。
class='pingjiaF' frameborder='0' src='http://biancheng.dnbcw.info/pingjia.php?id=322420' scrolling='no'>
$(document).ready(function(){
$("img").livequery("click",function(){
jQuery.livequery.registerPlugin("after", "append", "attr","addClass","removeClass");
var lx = $(this).attr("id");//获取当前ID
var lx_arr = lx.split("_");//解析ID
if(lx_arr[0] == "add"){//判断为加号
//alert($("#"+all_id_name).attr("id"));
var lx_num = lx_arr[2];//获取编号
var pd_tab = lx_num.split("-");//判断菜单编号
if(pd_tab.length == 1){
var tab = "tab";//当前table ID
var tabid = tab+"_"+lx_arr[2];
var num = 3;
}
else{
var tab = "tab_"+lx_num.substring(0,lx_num.length-2);//当前table ID
var tabid = "tab"+"_"+lx_arr[2];
var num = 4;
}
var tr = "tr_"+lx_num;//获取当前TR的ID
var menu_id = "#"+tab+" #"+tr;//整理当前行的位置
var all_id_name = "all_"+lx_arr[1]+"_"+lx_num;//设计插入行的ID
if(typeof($("#"+all_id_name).attr("id")) != "undefined"){
return;
}
//alert(all_id_name);
$(menu_id).after("<tr id=\""+all_id_name+"\"'><td colspan=\""+num+"\"></td></tr>");//将一行插入到ID的下面
var i=0
var content ="";
var tablestart = "<table id=\""+tabid+"\" width=\"100%\" border=\"1\"><tr><td>Parent Name</td><td>Sub Menu<input name=\"num_"+tabid+"\" type=\"hidden\" value=\"5\" id=\"num_"+tabid+"\" /></td><td>Type</td><td>Operation</td></tr>";
var tableend = "<tr id=\"zh_"+tabid+"\"><td colspan=\"4\"><img id=\"more_"+tabid+"\" name=\"more_"+tabid+"\" src=\"image/more1.gif\" width=\"80\" height=\"20\" /></td></tr></table>";
for (i=1;i<=5;i++){
var trid = "tr_"+lx_arr[2]+"-"+i;
var parentid = "parent_"+lx_arr[2]+"-"+i;
var menuid = "menu_"+lx_arr[2]+"-"+i;
var selectid = "select_"+lx_arr[2]+"-"+i;
var addid = "add_menu_"+lx_arr[2]+"-"+i;
var minusid = "minus_menu_"+lx_arr[2]+"-"+i;
content = content+"<tr id=\""+trid+"\"><td><img src=\"image/show.png\" name=\"show_menu_"+lx_arr[2]+"-"+i+"\" width=\"22\" height=\"22\" id=\"show_menu_"+lx_arr[2]+"-"+i+"\" class=\"show_down\" /><img src=\"image/hadd.png\" name=\"hadd_menu_"+lx_arr[2]+"-"+i+"\" width=\"22\" height=\"22\" id=\"hadd_menu_"+lx_arr[2]+"-"+i+"\"/><input name=\""+parentid+"\" type=\"text\" id=\""+parentid+"\" readonly=\"readonly\" /></td><td><input type=\"text\" name=\""+menuid+"\" id=\""+menuid+"\" /></td><td><select name=\""+selectid+"\" id=\""+selectid+"\"><option value=\"1\">Test</option><option value=\"2\">Table</option><option value=\"3\">URL</option></select></td><td><img src=\"image/plus.png\" name=\""+addid+"\" width=\"22\" height=\"22\" id=\""+addid+"\" border=\"0\" /><img src=\"image/private.png\" name=\""+minusid+"\" width=\"22\" height=\"22\" id=\""+minusid+"\" border=\"0\" /></td></tr>";
}
var table = tablestart+content+tableend;
$("#"+all_id_name+" td").append(table);
}//结束判断加号
if(lx_arr[0] == "show"){
var all_id_name = "all_"+lx_arr[1]+"_"+lx_arr[2];//设计插入行的ID
$("#"+all_id_name).removeClass("show_down");
$("#"+lx).addClass("show_down");
$("#hadd_"+lx_arr[1]+"_"+lx_arr[2]).removeClass("show_down");
}
if(lx_arr[0] == "hadd"){
var all_id_name = "all_"+lx_arr[1]+"_"+lx_arr[2];//设计插入行的ID
if(typeof($("#"+all_id_name).attr("id")) == "undefined"){
return;
}
$("#"+all_id_name).addClass("show_down");
$("#"+lx).addClass("show_down");
$("#show_"+lx_arr[1]+"_"+lx_arr[2]).removeClass("show_down");
//$("#"+all_id_name).mouseover(function(){$("#content").slideToggle("slow");});
//$("#"+all_id_name).mouseout(function(){$("#content").slideToggle("slow");});
}
if(lx_arr[0] == "minus"){//判断为减号
var trid = "tr_"+lx_arr[2];
var allid = "all_"+lx_arr[1]+"_"+lx_arr[2];
if($("#"+allid).length>0){//删除多行
if(window.confirm("Sure to delete it? This will delete all related information and content!")){
$('#'+trid).remove();
$('#'+allid).remove();
}
else{
return;
}
}//结束删除多行
else{//删除TR行
if(window.confirm("Sure to delete it? This will delete all related information and content!")){
$('#'+trid).remove();
//$('#'+allid).remove();
}
else{
return;
}
}//结束删除多行
}//结束判断减号
if(lx_arr[0] == "more"){//判断是否为more
var table = lx.substring(5);
var hs = $("#num_"+table).attr("value");
var trcont = "";
if(table == "tab"){
var trbz = "tr_"+hs;
//alert(trbz);
for(h=parseInt(hs)+1;h<=parseInt(hs)+5;h++){
trcont = trcont+" <tr id=\"tr_"+h+"\"><td><img src=\"image/show.png\" name=\"show_menu_"+h+"\" width=\"22\" height=\"22\" id=\"show_menu_"+h+"\" class=\"show_down\" /><img src=\"image/hadd.png\" name=\"hadd_menu_"+h+"\" width=\"22\" height=\"22\" id=\"hadd_menu_"+h+"\"/><input type=\"text\" name=\"menu_"+h+"\" id=\"menu_"+h+"\" /></td><td><select name=\"select_"+h+"\" id=\"select_"+h+"\"><option value=\"1\">Test</option><option value=\"2\">Table</option><option value=\"3\">URL</option></select></td><td><img src=\"image/plus.png\" alt=\"\" name=\"add_menu_"+h+"\" width=\"22\" height=\"22\" id=\"add_menu_"+h+"\" border=\"0\" /><img src=\"image/private.png\" alt=\"\" name=\"minus_menu_"+h+"\" width=\"22\" height=\"22\" id=\"minus_menu_"+h+"\" border=\"0\" /></td></tr>";
}
$("#zh_"+table).before(trcont);//将一行插入到ID的下面
}
else{
var trbz = "tr_"+table.substring(4)+"-"+hs;
//alert(trbz);
for(h=parseInt(hs)+1;h<=parseInt(hs)+5;h++){
var hc = table.substring(4)+"-"+h;
trcont = trcont+" <tr id=\"tr_"+hc+"\"><td><img src=\"image/show.png\" name=\"show_menu_"+hc+"\" width=\"22\" height=\"22\" id=\"show_menu_"+hc+"\" class=\"show_down\" /><img src=\"image/hadd.png\" name=\"hadd_menu_"+hc+"\" width=\"22\" height=\"22\" id=\"hadd_menu_"+hc+"\"/><input name=\"parent_"+hc+"\" type=\"text\" id=\"parent_"+hc+"\" readonly=\"readonly\" /></td><td><input type=\"text\" name=\"menu_"+hc+"\" id=\"menu_"+hc+"\" /></td><td><select name=\"select_"+hc+"\" id=\"select_"+hc+"\"><option value=\"1\">Test</option><option value=\"2\">Table</option><option value=\"3\">URL</option></select></td><td><img src=\"image/plus.png\" alt=\"\" name=\"add_menu_"+hc+"\" width=\"22\" height=\"22\" id=\"add_menu_"+hc+"\" border=\"0\" /><img src=\"image/private.png\" alt=\"\" name=\"minus_menu_"+hc+"\" width=\"22\" height=\"22\" id=\"minus_menu_"+hc+"\" border=\"0\" /></td></tr>";
}
//alert("#"+trbz);
$("#zh_"+table).before(trcont);//将一行插入到ID的下面
}
$("#num_"+table).attr("value",h-1);
}//结束判断more
})
})
</script>
|
一个简单的练习
“jquery 动态事件”的更多相关文章 》
爱J2EE关注Java迈克尔杰克逊视频站JSON在线工具
http://biancheng.dnbcw.info/php/322420.html pageNo:16