Adding <td> to a <table> through Onclick

[jessy]

I have a table at which i need to add fields in it whenever the user clicks on the Add button , here's my trial but seems sth is wrong :

function AddTool()
    {
 
          formdiv = document.getElementById('1');
          formdiv.innerHTML = formdiv.innerHTML +'<td align='center'><a href='#'><img border='0' src='../images/delete.gif'></td> ';
    }

thats the Js function
and thats the table which is generated through looping:

$query=mysql_query("select * from textures"); while($row=mysql_fetch_array($query))
 {
    echo "<div id='1'"></div>;                                
  echo "<td align='center'>$row[texture_name]</td>";
  echo"<td align='center'><a href='#'><img border='0' src='../images/delete.gif'></td>";
  echo "</tr>";
    }                          
 

any help is greatly appreciated

[Dormilich]

some notes:
- opening <tr> is missing (typo?)
- strictly speaking, "1" is not a valid id and an id must not occur more than once (currently you add the same id to every row)
- more strictly speaking, a <div> belongs into <td> not outside
- if innerHTML is not supported use the DOM methods (createElement(), appendChild(),...), a table row can be accessed as _table_.rows[_row_number_]
- be careful where to add the table cell, it may break your table layout

regards

[jessy]

Okay,Now i made it and the new Row is added successfully to the table
but i wonder how can write a JS variable inside HTML

formdiv.innerHTML = formdiv.innerHTML +'<td align=center>JS VARIABLE</td>'+'<td align=center><a href=#><img border=0 src=../images/delete.gif></td>';