ansaurus

Question

how to add row dynamically in html using javascript

Answer 1

A:

@Apache - type in your original HTML code:

<a href="samle.htm" View Image</a>

Should be:

<a href="samle.htm">View Image</a>

Silkster 2010-09-02 16:34:43

this would be more appropriate as a comment than an answer, since it does not address OP's question.

lincolnk 2010-09-02 16:46:12

Yes, it would be great if I was able to add a comment to the OP's question, but I don't have that option yet.

Silkster 2010-09-02 17:36:54

Answer 2

+1 A:

this is a rather blunt way to approach it, but you don't have id's for anything that would help.

        ...
        if (!oNewRow) { return; }

        if (oNewRow.tagName == 'TD') {

            var anchors = oNewRow.getElementsByTagName('a');

            if (anchors.length > 0) {
                // found your hyperlink 
                oNewRow.removeChild(anchors[0]); // assuming there's only the one link

                var fi = document.createElement('input');
                fi.type = 'file';
                fi.name = 'photo';
                oNewRow.appendChild(fi);
            }
        }

        for (var i = 0; i < oNewRow.childNodes.length; i++) {
        ...

also your code is set up to clone the button row. the row with the inputs and the hyperlink is row 0, not row 1, at least in IE. you might look for a more reliable way of obtaining row references in your code.

lincolnk 2010-09-02 16:43:38

thanks for your answer linkolnk, its work

Apache 2010-09-03 02:21:10

ansaurus

tags:

views:

answers:

how to add row dynamically in html using javascript

HTML file

My script is as below

related questions