Opdatering af DOM i IE
Hej,Jeg har skrevet dette script til at tilføje flere upload-felter på en upload side for billeder. Scriptet virker fint i både FireFox og Internet Explorer 8.0
Desværre opdaterer siden ikke med det nye indhold fra DOM'en når jeg viser siden i IE.
Nogen der kan give et bud på hvorfor der ikke bliver opdateret noget?
Jeg har kontrolleret at indholdet bliver tilføjet til DOM'en, så det er ikke fordi scriptet fejler.
function addImage()
{
var counter = document.getElementById("ffIDs").value.split(",");
var count = eval(counter.length);
alert(count);
count++;
var table = document.createElement("table");
table.width = "971";
table.border = "0";
table.id = "imageTable" + count;
table.cellpadding = "2";
table.cellspacing = "0";
table.setAttribute("onmouseover", "this.style.backgroundColor='#EFEFEF';");
table.setAttribute("onmouseout", "this.style.backgroundColor='';");
var tr1 = document.createElement("tr");
tr1.className = "item";
tr1.align = "left";
var td1 = document.createElement("td");
td1.width = "90";
td1.appendChild(document.createTextNode("Billede:"));
td1.appendChild(document.createElement("br"));
td1.appendChild(document.createTextNode("skal være .jpg"));
var td2 = document.createElement("td");
var fil = document.createElement("input");
fil.type = "file";
fil.name = "ffFil" + count;
fil.size = "40";
fil.className = "formfelt";
var filError = document.createElement("span");
filError.style.color = "Red";
filError.style.fontWeight = "bold";
filError.style.display = "none";
filError.style.marginLeft = "10px";
filError.id = "filError" + count;
filError.appendChild(document.createTextNode("Der skal angives en fil."));
var td3 = document.createElement("td")
td3.setAttribute("rowspan", "2");
var remove = document.createElement("input");
remove.type = "button";
remove.value = "Fjern";
remove.setAttribute("onclick", "removeImage('imageTable" + count +"');");
remove.style.height = "50px";
td2.appendChild(fil);
td2.appendChild(filError);
td3.appendChild(remove);
tr1.appendChild(td1);
tr1.appendChild(td2);
tr1.appendChild(td3);
var tr2 = document.createElement("tr");
tr2.className = "item";
tr2.align = "left";
var td4 = document.createElement("td");
td4.width = "90";
td4.appendChild(document.createTextNode("Titel:"));
var td5 = document.createElement("td");
var title = document.createElement("input");
title.type = "text";
title.name = "ffTitel" + count;
title.size = "56";
title.maxlength = "100";
title.className = "formfelt";
var titelError = document.createElement("span");
titelError.style.color = "Red";
titelError.style.fontWeight = "bold";
titelError.style.display = "none";
titelError.style.marginLeft = "10px";
titelError.id = "titelError" + count;
titelError.appendChild(document.createTextNode("Der skal angives en titel."));
td5.appendChild(title);
td5.appendChild(titelError);
tr2.appendChild(td4);
tr2.appendChild(td5);
table.appendChild(tr1);
table.appendChild(tr2);
var placeholder = document.getElementById("placeholder");
placeholder.parentNode.insertBefore(table, placeholder);
document.getElementById("ffIDs").value += "," + count;
}
