<HTML> </P> <p> <link href = "skin.css" mce_href = "skin.css" rel = stylesheet type = text/CSS> </P> <p> <MCE: script Language = "JavaScript"> <! -- <Br/> var num = 0; // record the number of added rows </P> <p> function addrow () <br/>{</P> <p> var databox = document. getelementbyid ("databox"); // table </P> <p> var OTR = databox. insertrow (databox. rows. length); // parameter: the number of rows in the table-1, followed by the number of rows added </P> <p> var OTD = OTR. insertcell (); <br/> OTD. style. border = "1 solid #000000"; <br/> OTD. height = "18"; <br/> OTD. style. bordercolor = "#000000"; <br/> var shtml = "<input type = checkbox id = sel value => "+ Num; <br/> OTD. innerhtml = shtml; <br/> for (I = 0; I <6; I ++) {<br/> var otd1 = OTR. insertcell (); <br/> otd1.style. border = "1 solid #000000"; <br/> otd1.height = "18"; <br/> otd1.style. bordercolor = "#000000" <br/> var shtml = I; <br/> otd1.innerhtml = shtme; <br/>}< br/> num = num + 1 </P> <p >}</P> <p> // >>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> <br/> // delete a row <br/> function delrow () <br/>{< br/> va R I = 0, OTR; <br/> var databox = document. getelementbyid ("databox"); </P> <p> for (I = num-1; I> = 0; I --) {<br/> If (SEL [I]. checked = true) {<br/> OTR = databox. deleterow (I + 1); // Delete the first row except the header. <br/> num = num-1; <br/>}</P> <p >}< br/>/>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> <br/> // mouse on button <br/> function button_over () <br/>{< br/> var Ob = event. srcelement; <br/> If (OB. tagname! = "Button") <br/>{< br/> return; <br/>}< br/> ob. classname = "btnmouseover "; <br/>}< br/> // >>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>< br/> // mouse out button <br/> function button_out () <br/>{< br/> var Ob = event. srcelement; <br/> If (OB. tagname! = "Button") <br/>{< br/> return; <br/>}< br/> ob. classname = "btnmouseout"; <br/>}< br/> // --> </MCE: SCRIPT> </P> <p> <Table id = "tblcommandbtn" class = "tblcommandbtn" onmouseover = "button_over ()" onmouseout = "button_out () "> <br/> <tr> <br/> <TD> <br/> <button name =" btnaddrow "onclick =" addrow () "Class =" btnmouseout "> Add a row </button> <br/> </TD> <br/> <button name =" btndeleterow "onclick = "delrow () "Class =" btnmouseout "> delete a row </button> <br/> </TD> <br/> </tr> <br/> </table> </P> <p> <Table width = "100%" id = "databox" class = "tblbilldetail" cellspacing = "0" cellpadding = "0" Height = "70" border = "1 "> <br/> <tr> <br/> <TD width =" 5% "style =" border: 1 solid #000000 "mce_style =" border: 1 solid #000000 "bordercolor =" #000000 "Height =" 22 "align =" center "> </TD> <br/> <TD class =" tdbilldetailtitle "style =" border: 1 solid #000000 "mce_style =" border: 1 solid #000000 "bordercolor =" #000000 "Height =" 22 "align =" center "> product no. </TD> <br/> <TD class =" tdbilldetailtitle "Style = "border: 1 solid #000000 "mce_style =" border: 1 solid #000000 "bordercolor =" #000000 "Height =" 22 "align =" center "> product name </TD> <br/> <TD class =" tdbilldetailtitle "Style = "border: 1 solid #000000 "mce_style =" border: 1 solid #000000 "bordercolor =" #000000 "Height =" 22 "align =" center "> database volume </TD> <br/> <TD class =" tdbilldetailtitle" style = "border: 1 solid #000000 "mce_style =" border: 1 solid #000000 "bordercolor =" #000000 "Height =" 22 "align =" center "> quantity </TD> <br/> <TD class =" tdbilldetailtitle "style = "Border: 1 solid #000000 "mce_style =" border: 1 solid #000000 "bordercolor =" #000000 "Height =" 22 "align =" center "> measurement unit </TD> <br/> <TD class =" tdbilldetailtitle "Style = "border: 1 solid #000000 "mce_style =" border: 1 solid #000000 "bordercolor =" #000000 "Height =" 22 "align =" center "> Status </TD> <br/> </tr> <br/> <table> </P> <p> <button class = "redtext"> AAA </button> <br/> </ptml>