A
ApOG
Hello everyone, I have this javascript code working perfectly with IE,
but with firefox nothing happens when running the function...
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);
}
Thank you!
but with firefox nothing happens when running the function...
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);
}
Thank you!