Unable To edit html table using javascript -


i want edit content of html table using javascript. getting content in form on click of edit button when click on save button doesn't update values of row please me out it'll appreciated.. 

<html> <head>     <title> add/remove dynamic rows in html table </title>     <script language="javascript">         function addrow(mytable) {              var table = document.getelementbyid("mytable");              var rowcount = table.rows.length;             var row = table.insertrow(rowcount);              var cell1 = row.insertcell(0);             var element1 = document.createelement("input");             element1.type = "checkbox";             element1.name="chkbox[]";             cell1.appendchild(element1);              var cell2=row.insertcell(1);             var cell3=row.insertcell(2);             var cell4=row.insertcell(3);             cell2.innerhtml=document.getelementbyid('txtname').value;             cell3.innerhtml=document.getelementbyid('txtauthor').value;             cell4.innerhtml=document.getelementbyid('txtcdate').value;            }          function deleterow(mytable) {             try {             var table = document.getelementbyid(mytable);             var rowcount = table.rows.length;              for(var i=0; i<rowcount; i++) {                 var row = table.rows[i];                 var chkbox = row.cells[0].childnodes[0];                 if(null != chkbox && true == chkbox.checked) {                     table.deleterow(i);                     rowcount--;                     i--;                 }               }             }catch(e) {                 alert(e);             }         }          function edt(mytable) {     try {         var table = document.getelementbyid(mytable);         var rowcount = table.rows.length;          for(var i=1; i<rowcount; i++) {              var row = table.rows[i];              var chkbox = row.cells[0].childnodes[0];              if(null != chkbox && true == chkbox.checked) {                  document.getelementbyid("txtname").value = table.rows[i].cells["1"].innerhtml;                  document.getelementbyid("txtauthor").value = table.rows[i].cells["2"].innerhtml;                  document.getelementbyid("txtcdate").value = table.rows[i].cells["3"].innerhtml;                  //document.getelementbyid("et1").value = table.rows[i].cells["4"].innerhtml;                  //document.getelementbyid("ep1").value = table.rows[i].cells["5"].innerhtml;                   document.getelementbyid("crw").value = i;               }         }         }catch(e) {             alert(e);         } } function savedit(mytable){ if(null != chkbox && true == chkbox.checked) {  var table = document.getelementbyid("mytable");              var rowcount = table.rows.length;             var row = table.insertrow(rowcount);              var cell1 = row.insertcell(0);             var element1 = document.createelement("input");             element1.type = "checkbox";             element1.name="chkbox[]";             cell1.appendchild(element1);              var cell2=row.insertcell(1);             var cell3=row.insertcell(2);             var cell4=row.insertcell(3);             cell2.innerhtml=document.getelementbyid('txtname').value;             cell3.innerhtml=document.getelementbyid('txtauthor').value;             cell4.innerhtml=document.getelementbyid('txtcdate').value; }   }         </script> </head>  html  <body>      <input type="button" value="add row" onclick="addrow('mytable')" />      <input type="button" value="delete row" onclick="deleterow('mytable')" />     <input type="button" value="edit row" onclick="edt('mytable')" />     <input type="button" value="save" onclick="savedit('mytable')" />      <table id="mytable" border="1"> <thead> <th id="name"><input type="checkbox" id="chkbox" /></th> <th id="name">name</th> <th id="author">author</th> <th id="cdate">date</th> </thead>  <tbody>   <tr>     <td><input type="checkbox" id="chkbox1" /></td>     <td>cell 1</td>     <td>cell 2</td>      <td>cell 3</td>   </tr>   <tr>     <td><input type="checkbox" id="chkbox2" /></td>     <td>cell 4</td>     <td>cell 5</td>       <td>cell 6</td>   </tr>   </tbody> </table>  <form name="create"2 style="width:80px;"> name:<input type="text" id="txtname" /><br/> author<input type="text" id="txtauthor" name="txtauthor" /><br/> date:<input type="text" id="txtcdate" name="txtcdate" /><br/> content:<input type="text" id="txtcontent" name="txtcontent" style="height:80px; " /> </form> <input type="hidden" id="crw">  </body> </html>

replace edit function following code(vice verse of add function)

 function savedit(mytable){     var table = document.getelementbyid(mytable);             var rowcount = table.rows.length;             for(var i=1; i<rowcount; i++) {                  var row = table.rows[i];                  var chkbox = row.cells[0].childnodes[0];                  if(null != chkbox && true == chkbox.checked) {                      table.rows[i].cells["1"].innerhtml =  document.getelementbyid("txtname").value ;                      table.rows[i].cells["2"].innerhtml = document.getelementbyid("txtauthor").value;                     table.rows[i].cells["3"].innerhtml  =  document.getelementbyid("txtcdate").value ;                      //document.getelementbyid("et1").value = table.rows[i].cells["4"].innerhtml;                      //document.getelementbyid("ep1").value = table.rows[i].cells["5"].innerhtml;                       document.getelementbyid("txtname").value = '';                       document.getelementbyid("txtauthor").value    = '';                       document.getelementbyid("txtcdate").value     = '' ;                       chkbox.checked    = false;                      document.getelementbyid("crw").value = i;                  }             }     }

i recommend use plugin or grid kendo tested , working


Comments

Post a Comment

Popular posts from this blog

c++ - CryptStringToBinary API behavior -

i seeing strange behavior cryptstringtobinary cryptography api. please see below code (config: x64 debug): #include "stdafx.h" #include <windows.h> #include <strsafe.h> #include <iostream> #include <exception> void main() { dword dwskip; dword dwflags; dword dwdatalen; //lpcwstr pszinput = l"jaaaaaecaaadzgaaakqaagdnnl1l56bwgfjdgr3rpxtqqqn6daw3usv2emkjym4t"; //this works fine lpcwstr pszinput = l"mytest"; //doesnt work, api returns false,error code 0x0000000d // determine size of byte array , allocate memory. if(! cryptstringtobinary( pszinput, _tcslen( pszinput ) + 1, crypt_string_base64, null, &dwdatalen, &dwskip, &dwflags ) ) { dword dw = getlasterror(); //0x0000000d: data invalid throw std::exception( "error computing byte length." ); } byte *pbytebyte = null; try { ...
Read more

java.util.scanner - How to read and add only numbers to array from a text file -

i'm learning java , have question regarding reading file want read numbers file contains strings well. here example of file: 66.56 "3 java 3-43 5-42 2.1 1 and here coding: public class test { public static void main (string [] args){ if (0 < args.length) { file x = new file(args[0]); try{ scanner in = new scanner( new fileinputstream(x)); arraylist<double> test = new arraylist<>(); while(in.hasnext()){ if(in.hasnextdouble()){ double f=in.nextdouble(); test.add(f);} else {in.next();} } catch(ioexception e) { system.err.println("exception during reading: " + e); } } my problem add 66.56,2.1 , 1 doesn't add 3 after "3 or ignores 3-43 , 5-42 can tell me how skip strings , add doubles here? thanks all said 3 ie; "3, 3-43 , 4-42 strings either u read string , split , check number @ " , - or put in space between characters , integers. jvm after compilation tre...
Read more

iphone - Three second countdown in cocos2d -

i trying have 3 second countdown display when level beat in game. did: -(void) gamesegmentbeat { [self pauseschedulerandactions]; // overlay game opaque background ccsprite *opaquebg = [ccsprite spritewithfile:@"background1.png"]; opaquebg.position = screencenter; [self addchild:opaquebg z:10000]; // these 3 labels 3 seconds cclabelttf *three = [cclabelttf labelwithstring:@"3" fontname:@"helvetica" fontsize:100]; three.position = ccp(screencenter.x, screencenter.y); cclabelttf *two = [cclabelttf labelwithstring:@"2" fontname:@"helvetica" fontsize:100]; two.position = ccp(screencenter.x, screencenter.y); cclabelttf *one = [cclabelttf labelwithstring:@"1" fontname:@"helvetica" fontsize:100]; one.position = ccp(screencenter.x, screencenter.y); // secondspast specified in update method secondspast = 0; if (secondspast == 1) { [self addchild:thr...
Read more