Ajax Excel-like table copy Function

<! -- Saved from url = (0041) http://fslh.wisea.cn/mysoft/sim_excel.htm --> <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312 "> <meta http-equiv =" msthemecompatible "content =" no "> <br/> <style type =" text/CSS "> body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; Background-color: # e9edf7} # tbbackground {background-color: # ffffff; text-align: center} # tbdata {background-color: # Dde3ec} # tbdata TD {background-color: # ffffff} # tbdata input {width: 50px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: None} # tbdata. checkbox {width: 15px} # tbdata thead {} # tbtopopt A {border-Right: #999999 1px solid; padding-Right: 5px; border-top: #999999 1px solid; display: block; padding-left: 5px; padding-bottom: 5px; BORDER-LE FT: #999999 1px solid; width: 80px; color: #000000; padding-top: 5px; border-bottom: #999999 1px solid; Background-color: # f8f9fc; text-Decoration: None} # tbtopopt A: hover {background-color: # dde3ec} # tbbomopt A {border-Right: #999999 1px solid; padding-Right: 5px; border-top: #999999 1px solid; display: block; padding-left: 5px; padding-bottom: 5px; border-left: #999999 1px solid; width: 80px; Color: #000000; padding-top: 5px; border-bottom: #999999 1px solid; Background-color: # f8f9fc; text-Decoration: None} # tbbomopt: hover {background-color: # dde3ec} # tbdata A {color: #000000; text-Decoration: None} # divshowinput {border-Right: # dde3ec 1px solid; border-top: # dde3ec 1px solid; display: none; Z-INDEX: 10; left: 350px; overflow: hidden; border-left: # dde3ec 1px solid; width: 1 00px; border-bottom: # dde3ec 1px solid; position: absolute; top: 30px; Background-color: # f8f9fc} # divshowinput A {display: block; width: auto; color: #000000; Background-color: # f8f9fc; text-align: center; text-Decoration: None} # divshowinput A: hover {border-Right: # ff0000 2px solid; border-left: # ff0000 2px solid; color: # ff0000; Background-color: # dde3ec} # divshowinput P {padding-Right: 0 Px; padding-left: 0px; border-bottom-color: # dde3ec; padding-bottom: 0px; margin: 0px; padding-top: 0px; Background-color: # f8f9fc; text-align: center; border-bottom-style: Double} # divfoltupdiv {display: none; Z-INDEX: 1001; Right: 0px; filter: progid: DXImageTransform. microsoft. alphaimageloader (Enabled = true, sizingmethod = scale, src1_'gb.png '); left: 0px; padding-bottom: 300px; width: 100%; botto M: 0px; padding-top: 270px; position: absolute; top: 0px; text-align: Center} unknown {background-image: url(gb.png); background-repeat: repeat} p # sendokbiginf {font-size: 20px; color: red} </style> <p> <meta content = "mshtml 6.00.2800.1400" name = "generator"> <p> send data </P> <p id = "sendokbiginf"> <p id = "sendokinf"> <Table id = "tbbackground" cellspacing = "0" cellpadding = "0" width = "760" align = "center" bord ER = "0"> <tbody> <tr> <TD> </tr> <TD> <Table id = "tbdata" cellspacing = "1 "cellpadding =" 0 "width =" 750 "align =" center "border =" 0 "> <thead> <tr> <TD Height =" 25 "> select all </TD> <TD> A1 </TD> <TD> A2 </TD> <TD> A3 </TD> <TD> A4 </TD> <TD> A5 </TD> <TD> A6 </TD> <TD> A7 </TD> <TD> A8 </TD> <TD> A9 </TD> <TD> A10 </TD> <TD> A11 </TD> </tr> </thead> <tbody> <tr> <TD> <input class = "checkbox" type = "checkbox" value = "checkbox" name = "checkbox"> </TD> <in Put name = "A1"> </TD> <input name = "A2"> </TD> <input name = "A3"> </TD> <TD> <input name = "A4"> </TD> <input name = "A5"> </TD> <input name = "A6 "> </TD> <input name =" A7 "> </TD> <input name =" A8 "> </TD> <input name = "A9"> </TD> <input name = "A10"> </TD> <input name = "A11"> </TD> </tr> </tbody> </table> </TD> </tr> <TD> <Table id = "tbbomopt" cellspacing = "0" cellpadding = "0" width = "700" align = "center" Border = "0"> <tbody> <tr> <TD width = "125" Height = "40"> copy selected </TD> <TD width = "537"> Delete select </TD> <TD width = "537"> clear all </TD> <TD width = "537"> submit </TD> <TD width = "38"> </TD> </tr> </tbody> </table> <HR/> operation method <br /> 1 <br/> keyboard operation <br/> 1. insert key adds a row and copies the content of the last row. delete key deletes the last row. This operation is used to adjust the total table size. <br/> 2. the tab key moves the cursor horizontally, and the Enter key moves the cursor vertically, in line with excle user habits. <br/> 2 <br/> page Operations <br/> 1. select All: select all rows and release all rows again. <br/> 2. copy selected: copy the selected row and its content. <B R/> 3. delete selected: delete selected rows. <br/> 4. clear selected: Clear the content in all cells (input). <br/> 5. submit: send data content to the server <br/> 3 <br/> smart Operations <br/> double-click the cell to bring up the menu, the menu automatically collects all input content that is not repeated in the column, which facilitates Repeated input of data. <Br/>