<!--#include virtual="/inc/config.asp"--><!--#include virtual="/forbidIp.asp"--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title><%=SiteName%></title><script type="text/javascript" src="/plan_tools/jquery-1.4.2.min.js"></script><script type="text/javascript" src="/plan_tools/cutstring.js"></script><style type="text/css">body {background-attachment:fixed;background-image:url(text.txt);margin:auto;text-align:center;}input{background-color:#B0C4DE;border:1px solid #77a;}/*#csstable{border:solid #add9c0; border-width:1px 0px 0px 1px;}#csstable td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 0px;}*/.btn {background-color:#B0C4DE;border:1px solid #B0C4DE;cursor:pointer;text-align:center;width:38px;display:inline-block;/*FF2.0*/-moz-display:inline-block;font-family:Verdana;*font-family:Georgia;_font-family:Tahoma;padding:0 10px 1px;*padding:3px 3px 1px;_padding:0 4px 1px;line-height:18px;*line-height:14px;_line-height:16px;height:22px;font-size:12px;}#bottomNav {z-index:999;position:fixed;bottom:0;/*for ie*/width:960px;_position:absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:visible;margin:auto;left:100%;margin-left:-480px;}ul{margin:0; padding:0;}.clears{clear:both;}#tit{width:400px;} #tit ul li{display:block; line-height:25px; padding:0 5px; float:right; font-size:12px; #tit ul li div{margin:5px 5px;}cursor:pointer; margin-right:0px;}.bgs{border:1px solid #77a;border-left:0px; background-color:#eee;padding:5px;}.bgs a {color:#555; text-decoration:none;}.bgs a:hover {color:#933; text-decoration:underline; }.lb{border-left:1px solid #77a;}#ln{position:relative; height:1px;border-bottom:1px solid #77a; bottom:-1px; z-index:-1;width:305px;margin:-2px 0px 0px 0px;}.on {border-top:0px;background-color:#B0C4DE;}#cont{font-size:14px; border:1px solid #77a;border-bottom:0px; width:398px;background-color:#B0C4DE;line-height:25px;}</style><script type="text/javascript"> function del(obj) { var msg = "确认办结?"; if (confirm(msg)==true){ var pid; pid=$(obj).attr('id').toString().substring(3); $.ajax({ type: "get", url: "/plan_tools/del.asp", data:{dpid:pid}, dataType: "text json", contentType: "application/json; charset=gb2312", success: function (data) { alert("成功办结!"); document.getElementById("addNew").innerHTML="<a href='javascript:'>您有 <font color=red>"+eval("("+data+")").result+"</font> 条待办事宜</a>" if(eval("("+data+")").result=="0") document.getElementById('cons').innerHTML='<center><b>没有待办事宜</b></center>'; $("#addNew").click(); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); }, }); }else{ return false; } }$(document).ready(function(){ var $tit=$("#tit ul li"); var $cont=$("#cont > div"); //得到显示隐藏的内容 var $btn=$("#btn"); $("#cont").hide(); $("#ln").hide(); $cont.eq(0).show().siblings().hide();//【【加此句】】 $btn.click(function(){ if($("#calendar-inputField").val()=="待办时间"){ alert("请选择待办时间"); $("#calendar-inputField").click(); return false; } if($("#plan").val()==""){ alert("请输入待办事宜"); $("#plan").focus(); return false; } //新增待办事宜 var planv; planv=$("#plan").val(); $.post("/plan_tools/addPlan.asp", { cons: escape(planv),date:$("#calendar-inputField").val() },function (data){ document.getElementById("addNew").innerHTML="<a href='javascript:'>您有 <font color=red>"+data.result+"</font> 条待办事宜</a>" alert("添加成功!"); },"json"); $("#checkList").click(); }); $tit.click(function(){ var $tit_index=$(this).index(); //得到标题索引 var tamp=$cont.eq($tit_index).is(":hidden"); if(tamp){ $("#cont").show(); $("#ln").show(); $tit.eq($tit_index).addClass("on").siblings().removeClass("on"); if($tit_index==1){ //查询待办事宜列表 $.ajax({ type: "POST", url: "/plan_tools/selectList.asp", dataType: "text json", contentType: "application/json; charset=gb2312", success: function (data) { var myjson=eval("("+data+")");//转换为json对象 //alert(dataObj.mydata.length);//输出root的子对象数量 //开始制表 var tablediv; tablediv="<table id='csstable'><tr><th align='left' width=270px style='font-size:12px;color:#4B4B4B;'>待办事宜:</th><th width=70px style='font-size:12px;color:#4B4B4B;'>最后时限</th><th style='font-size:12px;color:#4B4B4B;'>办结</th></tr>"; var arr=myjson.mydata, time='', cont='',tcont='',pid=''; for (var i=0;i<arr.length;i++){ time=arr[i].time; cont=arr[i].cont;pid=arr[i].pid; //表内容 if(cont.length>40) tcont=cont.subCHStr(2, 40)+"..."; if(cont.length<=40) tcont=cont; tablediv=tablediv+"<tr><td width=270px style='font-size:12px;color:#4B4B4B;' onclick='alert(document.getElementById(\"hid"+i+"\").value)' onmouseover=\"Tip('点击查看全部内容')\" onmouseout=\"UnTip()\" >"+tcont+"<INPUT TYPE=hidden id='hid"+i+"' VALUE='"+cont+"'></td><td width=70px style='font-size:12px;color:#4B4B4B;'>"+time+"</td><td align=right><button onclick='del(this)' class='btn' id='btn"+pid+"' onmouseover=\"Tip('已办结')\" onmouseout=\"UnTip()\"><img src='/plan_tools/yes.gif' ></img></button></td></tr>" } tablediv=tablediv+"</table>"; document.getElementById('cons').innerHTML=tablediv; }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); }, }); } //$tit.eq($tit_index).addClass("on"); //切换背景 $cont.eq($tit_index).show().siblings().hide(); }else{ $("#cont").hide(); $("#ln").hide(); $tit.eq($tit_index).removeClass("on").siblings().removeClass("on"); $tit.eq($tit_index).addClass("gbs").siblings().addClass("bgs"); //切换背景 //$(this).addClass("bgs").siblings().addClass("bgs"); } });});</script> <link rel="stylesheet" type="text/css" href="/plan_tools/JSCal2/css/jscal2.css" /> <link rel="stylesheet" type="text/css" href="/plan_tools/JSCal2/css/border-radius.css" /> <link rel="stylesheet" type="text/css" href="/plan_tools/JSCal2/css/win2k/win2k.css" /> <script type="text/javascript" src="/plan_tools/JSCal2/js/jscal2.js"></script> <script type="text/javascript" src="/plan_tools/JSCal2/js/lang/cn.js"></script></head><body><script type="text/javascript" src="/plan_tools/wz_tooltip.js"></script><div style="clear:both;"></div><div id="datediv"></div><div id="bottomNav"><div id="cont"> <div> <font style="line-height:18px;font-size:12px;color:#4B4B4B;">新增事宜:</font> <table> <tr> <td width=270px><input type="text" id="plan" style="width:270px;color:#4B4B4B"></td> <td width=70px><input id="calendar-inputField" readonly value="待办时间" style="text-align:center;color:#4B4B4B;width:70px;"/> <script> Calendar.setup({ trigger : "calendar-inputField", inputField : "calendar-inputField" }); </script> </td> <td align=right><button class="btn" id="btn" onmouseover="Tip('确定添加')" onmouseout="UnTip()"><img src="/plan_tools/yes.gif" ></img></button></td> </tr> </table></div> <div id="cons"></div></div><div id="ln"></div><div id="tit"> <ul> <li class="bgs" id="checkList" onmouseover="Tip('新增待办事宜')" onmouseout="UnTip()" style="padding:5px 5px 0px 5px;width: 16px; height: 20px"><div><img src="/plan_tools/add.gif"></img></div></li> <li class="bgs lb" id="addNew"><a href="javascript:">您有<font color=red> <% set rspt = conn.execute("select count(0) from planList where p_sata=0") if not rspt.eof then response.write rspt(0) response.write "<script>document.getElementById('cons').innerHTML='<center><b>没有待办事宜</b></center>'</script>" end if rspt.close %> </font>条待办事宜</a></li> </ul></div></div></body></html>
この効果は非常にわかりにくいですが、作成者は比較写真を撮るか、純粋な html+js を使用してこの問題をシミュレートして解決することができます
この効果は本当に難しいです。を確認するには、投稿者が比較写真を撮るか、純粋な html+js を使用してこの問題をシミュレートすると、問題を解決できます
こんにちは、すべての ASP コンテンツを直接削除してください。ロードせずに Firefox ページに表示できます。 js. IE 上で表示できる限り、他の js 操作は無視して構いません。ただし、クリックするとエラーが報告されますが、表示には影響しません。現在の問題は、div
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
