7 replies to this topic

[adaykin]

Hello, I want for the user to be able to click on a button that lets them add a <tr> full of <td>'s and <input>'s in the <td> tags. So I have code like:

<script type="text/javascript">

function addRow()

{

// Insert a row too the table with td's and input's

}

</script>


<table>

<tr>

<td><input type="text" name="part1" /></td><td><input type="text" name="price1" /></td>

</tr>

<tr>

<td><input type="text" name="part2" /></td><td><input type="text" name="price2" /></td>

</tr>

</table>

<form>
<input type="button" onclick="addRow();" value="Add a Row" />
</form>
so after the last </tr> tag, I want to add that row, how would I do this?

[Xav]

Explore the Javascript DOM. Use getElement ByID(), I believe, to reference the table, and then add rows from there.

[adaykin]

Yeah that is the way I would do it, but the problem is I can't create elements that have closing tags, so my table gets messed up. The elements are there, but without a closing tag, the table structure is bad, I forgot to mention that before.

[Xav]

Why can't you add elements with closing tags?

[sohel04]

I would do it, but the problem is I can't create elements that have closing tags, so my table gets messed up. The elements are there, but without a closing tag, the table structure is bad, I forgot to mention that before.

[Xav]

I don't think I understand still, what's wrong with closing tags.

[adaykin]

I actually solved this a while ago, the problem was that when you add those elements programatically you have to do it differently in firefox and ie, so I just had to detect what browser the client was using.

[Xav]

Oh, I see. Glad you got it working.