add-del-test

< script  language ="javascript" > ...
        function addTable()
        ...{
           var newRow = add_table.insertRow();
           
           var newTD_name=newRow.insertCell();
           var newTD_city=newRow.insertCell();
           var newTD_address=newRow.insertCell();
           var newTD_phone=newRow.insertCell();
           var newTD_delete=newRow.insertCell();
           var newTD_select=newRow.insertCell();
           
           newTD_name.id='id_name';
           newTD_name.innerHTML=id_name[0].innerHTML;
           newTD_name.getElementsByTagName('input')[0].value="test 1";
           
           newTD_city.id='id_city';
           newTD_city.innerHTML=id_city[0].innerHTML;
           newTD_city.getElementsByTagName('input')[0].value="test 2";
           
           newTD_address.id='id_address';
           newTD_address.innerHTML=id_address[0].innerHTML;
           newTD_address.getElementsByTagName('input')[0].value="test 3";
           
           newTD_phone.id='id_phone';
           newTD_phone.innerHTML=id_phone[0].innerHTML;
           newTD_phone.getElementsByTagName('input')[0].value="test 4";
           
           newTD_delete.id='id_delete';
           newTD_delete.innerHTML=id_delete[0].innerHTML;
          // newTD_delete.getElementsByTagName('radio')[0].value="tets 6";

           newTD_select.id='id_select';
           newTD_select.innerHTML=id_select[0].innerHTML;
           //newTD_update.getElementsByTagName('button')[0].value="test 5";
        }

        function delTable2(tableName,obj)
        ...{
          var btn = tableName.getElementsByTagName('button');
          for(var i=0;i<btn.length;i++)
          ...{  
             if(btn(i)==obj && btn.length!=1)
             ...{ 
                tableName.deleteRow(i+1);
             }
          }
        }

        function removeTicketRow(table,obj)...{
                        var imgs = table.getElementsByTagName('img');
                        for(var i =0; i<imgs.length;i++)...{
                            if(imgs(i)==obj && imgs.length!=1)
                                table.deleteRow(i+1);
                        }
                    }
</ script >

< html >
< head >< title ></ title ></ head >

< body >
      < form >
            < table  id ="add_table"  name ="table_test" >
                  < tr  bgcolor ="#f5f5f5" >
                      < td  > Name </ td >
                      < td  > City </ td >
                      < td  > Address </ td >
                      < td  > Phone </ td >
                      < td  > Delete </ td >
                      < td  > Btn Delete </ td >
                  </ tr >
                  < tr >
                      < td  id ="id_name"  name ="name" >< input  type ="text"  size ="20"  id =""  name ="in_name"  value ="test 1" ></ td >
                      < td  id ="id_city"  name ="city" >< input  type ="text"  size ="20"  id =""  name ="in_city"  value ="test 2" ></ td >
                      < td  id ="id_address"  name ="address" >< input  type ="text"  size ="20"  id =""  name ="in_address"  value ="test 3" ></ td >
                      < td  id ="id_phone"  name ="phone" >< input  type ="text"  size ="20"  id =""  name ="in_phone"  value ="test 4" ></ td >
                      < td  id ="id_delete"  name ="update" >< img  name ="btn_delete"  src ='./delete.gif'  onclick ='removeTicketRow(document.all.add_table,this)' ></ td >
                      < td  id ="id_select"  name ="delete" >< input  type ="button"  value ="Btn Delete"  onclick ="delTable2(document.all.add_table,this)" ></ td >
                  </ tr >
            </ table >
            < tr >
                      < td  colspan ="12"  id ="id_add"  name ="add" >< input  type ="img"  id =""  name ="btn_add"  onclick ="addTable();"  class ="button"  style ="width:100px;height:25px;"  value ="Add" ></ td >
                   
                  </ tr >
      </ form >
</ body >
</ html >