appaendChild "tømmer" ikke div for felter, men lægger nye til eksisterende.
HTML koden som den ser ud lige nu, og virker:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Upload af filer</title>
<script type="text/javascript">
function div_text($antal) {
if(er_et_tal($antal) != false && $antal > 0) {
var ialt = 0;
var str = '';
while(ialt < $antal) {
str = str+'<br />\n<input type="file" name="upfile[]" size="32" onchange="vis_img(this.value);">';
ialt++;
}
var file_ref = document.getElementById('uploadfelter');
file_ref.innerHTML = str;
}
}
function er_et_tal() {
var reg = /^[\d]+$/;
var navn = document.forms['do_upload'].elements['antal'];
if(navn.value !='' && !navn.value.match(reg)){
alert("Kun tal kan indtastes i feltet!");
navn.value = '';
return false;
}
}
function vis_img(path) {
var ua = navigator.userAgent.toLowerCase();
var msie = ua.indexOf('msie');
var ope = ua.indexOf('opera');
if (msie > -1 && ope < 1) {
var filnavn = new String(path);
filnavn = path.substring(path.lastIndexOf('\\')+1,path.length);
filtypen = filnavn.substring(filnavn.lastIndexOf('.')+1,filnavn.length);
filtypen = filtypen.toLowerCase();
var img_reg = /^["gif","jpg","png","jpeg"]+$/;
var vis_img = document.getElementById("img_pre");
if(filtypen.match(img_reg)) {
vis_img.getElementsByTagName("b")[0].firstChild.nodeValue = filnavn;
vis_img.getElementsByTagName("img")[0].setAttribute("src", path);
vis_img.style.display = "block";
}else{
vis_img.style.display = "none";
}
}
}
</script>
</head>
<body>
<form name="do_upload" enctype="multipart/form-data" action="/multi_upload.php" method="post">
Max. upload på en gang: <b>2Mb.!</b><br />
Antal felter: <input type="text" name="antal" onfocus="select();" onkeyup="er_et_tal();" size="2">
<input type="button" value="Vis felter" onclick="div_text(this.form.antal.value);vis_img('empty');" onkeydown="div_text(this.form.antal.value);vis_img('empty');">
<div id="uploadfelter">
<script type="text/javascript">
div_text(5);
</script>
</div>
<br />
<input type="submit" value="Upload">
</form>
<div id="img_pre" style="display: none;">Imagepreview af filen <b> </b><br /><img src="" width="200"></div>
</body></html>
