Masquer un champs file le temps de l'upload
Ce morceau de page "upload.php" est appelé par un iframe depuis une autre page.
La form uploade une image.
Toutefois durant cet upload, je tente de désactiver le champ "file" tel décrit dans les FAQ, mais mon code plante tout, pouvez-vous m'aider SVP ?
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
|
<script language='javascript'>
function upload(){
// hide old iframe
var par = window.parent.document;
var num = par.getElementsByTagName('iframe').length - 1;
var iframe = par.getElementsByTagName('iframe')[num];
iframe.className = 'hidden';
// create new iframe
var new_iframe = par.createElement('iframe');
new_iframe.src = 'upload.php';
new_iframe.frameBorder = '0';
--> new_iframe.getElementById('file').disabled=true;
par.getElementById('iframe').appendChild(new_iframe);
// add image progress
var images = par.getElementById('images');
var new_div = par.createElement('div');
var new_img = par.createElement('img');
new_img.src = 'picts/indicator.gif';
new_img.className = 'load';
new_div.appendChild(new_img);
images.appendChild(new_div);
// send
var imgnum = images.getElementsByTagName('div').length - 1;
document.iform.imgnum.value = imgnum;
setTimeout(document.iform.submit(),5000);
}
</script>
<link rel="stylesheet" href="css_iframe_upload.css" type="text/css" media="all">
<head><body marginheight="0" marginwidth="10" topmargin="0" leftmargin="10" bgcolor="#EEEEEE"><center>
<form name="iform" action="" method="post" enctype="multipart/form-data">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<input id="file" type="file" name="image" onchange="upload()" size="30"/>
<input type="hidden" name="imgnum" />
</td>
</tr>
</table>
</form> |