登 录
<%@ page language="java" pageEncoding="gbk"%><br /> <%<br /> String path = request.getContextPath();<br /> String basePath = request.getScheme() + "://"<br /> + request.getServerName() + ":" + request.getServerPort()<br /> + path + "/";<br /> %></p> <p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br /> <html><br /> <head></p> <p> <title>Jquery Test</title><br /> <meta http-equiv="pragma" content="no-cache"><br /> <meta http-equiv="cache-control" content="no-cache"><br /> <meta http-equiv="expires" content="0"><br /> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><br /> <meta http-equiv="description" content="This is my page"></p> <p> <mce:script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></mce:script><br /> <mce:style type="text/css"><!--<br /> table{<br /> border:black 1px solid;<br /> border-collapse:collapse;<br /> width:400px;<br /> }<br /> table td<br /> {<br /> border:black 1px solid;<br /> width:50%;<br /> }<br /> table th<br /> {<br /> border:black 1px solid;<br /> }<br /> tbody th<br /> {<br /> background-color:#A3BAE9;<br /> }</p> <p>--></mce:style><style type="text/css" mce_bogus="1"> table{<br /> border:black 1px solid;<br /> border-collapse:collapse;<br /> width:400px;<br /> }<br /> table td<br /> {<br /> border:black 1px solid;<br /> width:50%;<br /> }<br /> table th<br /> {<br /> border:black 1px solid;<br /> }<br /> tbody th<br /> {<br /> background-color:#A3BAE9;<br /> }<br /> </style><br /> <mce:script type="text/javascript"><!--<br /> $(function()<br /> {<br /> //给相应的tr加上背景<br /> $("tbody tr:even").css("background-color","#ECE9D8");<br /> //获取第一列<br /> var numTD=$("tbody td:even");<br /> numTD.click(function()<br /> {<br /> var tdObj=$(this);<br /> if(tdObj.children("input").length>0)<br /> {<br /> return false;<br /> }<br /> //create a node of textbox<br /> var inputObj = $("<input type='text'>");<br /> inputObj.css("border-width","0").css("font-size","16px");<br /> //insert a textbox,find the current td</p> <p> inputObj.width(tdObj.width());<br /> inputObj.css("background-color",tdObj.css("background-color"));<br /> //get the current content of td into textbox</p> <p> inputObj.val($.trim(tdObj.html()));<br /> var temp=$.trim(inputObj.val());<br /> tdObj.html("");<br /> inputObj.appendTo(tdObj);<br /> inputObj.trigger("focus");<br /> inputObj.click(function()<br /> {<br /> return false;<br /> });<br /> inputObj.keyup(function(event){<br /> var keycode=event.which;<br /> if(keycode==13)<br /> {<br /> var inputtext=$(this).val();<br /> tdObj.html(inputtext);<br /> }<br /> if(keycode==27)<br /> {<br /> tdObj.html(temp);<br /> }</p> <p> });<br /> });<br /> });</p> <p>// --></mce:script><br /> </head></p> <p> <body><br /> <table><br /> <thead><br /> <tr><br /> <th colspan=2><br /> Chick it and change it!<br /> </th><br /> </tr><br /> </thead><br /> <tbody><br /> <tr><br /> <th><br /> 学号<br /> </th><br /> <th><br /> 姓名<br /> </th><br /> </tr><br /> <tr><br /> <td><br /> 0613410227<br /> </td><br /> <td><br /> Jack Zhang<br /> </td><br /> </tr><br /> <tr><br /> <td><br /> 0613411234<br /> </td><br /> <td><br /> Man Lee<br /> </td><br /> </tr><br /> <tr><br /> <td><br /> 0613411234<br /> </td><br /> <td><br /> Man Lee<br /> </td><br /> </tr><br /> </tbody><br /> </table><br /> </body><br /> </html><br />
抱歉!评论已关闭.