Problem with DOM javascript with Firefox

[apog]

Hello, everyone!

I have a javascript running perfectly with IE, but nothing seems to happend if I use firefox... anyone knows why?

Here is the script:

function add_div_field () {
 
    var ni = document.getElementById('upload_div');
    var num = contador_upload++;
    var div = document.createElement("div");
    var div_name = "filediv"+num;
    div.setAttribute("id",div_name);
 
    var table1 = document.createElement("<table width='100%' class='table0' border='0'>");
 
    var tbody1 = document.createElement("tbody");
 
    var tr1 = document.createElement("<tr width='100%' id='upload_table"+num+"'>");
 
 
    var td1 = document.createElement("<td width='13'>");
 
 
    var strong1 = document.createElement("strong");
    var txtno = document.createTextNode(num+'.');
 
    strong1.appendChild(txtno);
 
    td1.appendChild(strong1);
 
    var td2 = document.createElement("<td width='700' valign='middle' class='grey_small'>");
 
 
    var div2 = document.createElement("<div id='file"+num+"' class='showme'>");
 
 
    var iframe = document.createElement("<iframe align='middle' marginheight='0' scrolling='no' marginwidth='0' frameborder='0' width='300' height='22' src='upload2.php?upload_id="+num+"'>");
 
 
    div2.appendChild(iframe);
 
    var div3 = document.createElement("<div id='waiting"+num+"' class='hideme'>");
 
 
    var txtwaiting = document.createTextNode('  Subiendo imagen, espera unos instantes...');
    var br = document.createElement("br");
 
    var imgwaiting = document.createElement('<img src="pics/uploading.gif" width="220" height="19" align="absmiddle">');
 
 
    div3.appendChild(txtwaiting);
    div3.appendChild(br);
    div3.appendChild(imgwaiting);
 
    var div4 = document.createElement("<div id='end_upload"+num+"' class='hideme'>");
 
 
    var table2 = document.createElement("<table width='100%'>");
 
    var tbody2 = document.createElement("tbody");
 
    var tr2 = document.createElement("tr");
 
    var td3 = document.createElement("<td height='10'>");
 
    tr2.appendChild(td3);
 
    var tr3 = document.createElement("tr");
    var td4 = document.createElement("td");
    var txttitle = document.createTextNode("Título:");
 
    td4.appendChild(txttitle);
    tr3.appendChild(td4);
 
    var tr4 = document.createElement("tr");
    var td5 = document.createElement("td");
 
    var inputTitle = document.createElement("<input type='text' name='title["+num+"]' id='title["+num+"]'>");
    var inputTitleName = "title["+num+"]";
 
    td5.appendChild(inputTitle);
    tr4.appendChild(td5);
 
    var tr5 = document.createElement("tr");
    var td6 = document.createElement("td");
 
    var txtdesc = document.createTextNode("Descripción Opcional:");
 
    td6.appendChild(txtdesc);
    tr5.appendChild(td6);
 
    var tr6 = document.createElement("tr");
    var td7 = document.createElement("td");
 
    var inputDesc = document.createElement("<textarea id='desc["+num+"]' name='desc["+num+"]' cols='40' rows='4'>");
    var inputDescName = "desc["+num+"]";
 
    td7.appendChild(inputDesc);
    tr6.appendChild(td7);
 
    var tr7 = document.createElement("tr");
    var td8 = document.createElement("<td height='10'>");
 
    tr7.appendChild(td8);
 
    tbody2.appendChild(tr2);
    tbody2.appendChild(tr3);
    tbody2.appendChild(tr4);
    tbody2.appendChild(tr5);
    tbody2.appendChild(tr6);
    tbody2.appendChild(tr7);
 
    table2.appendChild(tbody2);
 
    div4.appendChild(table2);
 
    td2.appendChild(div2);
    td2.appendChild(div3);
    td2.appendChild(div4);
 
    var td9 = document.createElement("<td width='21'>");
 
    var txtempty = document.createTextNode(" ");
 
    td9.appendChild(txtempty);
 
    var td10 = document.createElement("<td width='189'>");
 
    var imgphoto = document.createElement("<img src='pics/blank50x50.gif' id='photo"+num+"' name='photo"+num+"' width='50' height='50' class='upload_border'>");
 
    td10.appendChild(imgphoto);
 
    tr1.appendChild(td1);
    tr1.appendChild(td2);
    tr1.appendChild(td10);    
 
    tbody1.appendChild(tr1);
 
    table1.appendChild(tbody1);
 
    div.appendChild(table1);
 
    ni.appendChild(div);
 
}

Thanks!

[pbmods]

Hello, everyone!

I have a javascript running perfectly with IE, but nothing seems to happend if I use firefox... anyone knows why?

var td1 = document.createElement("<td width='13'>");
 

If I remember correctly, you can't pass HTML as an argument to document.createElement. In the case above, you would have to do this:

var td1 = document.createElement('td');
td1.style.width = '13px';