Masquer un champs file le temps de l'upload

**AdSFR** · 12/04/2007, 10h41

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**AdSFR** · 12/04/2007, 18h36

Up

**Arnard** · 12/04/2007, 18h56

Une alternative : mettre ton file dans un span, puis faire un display:none du span lors de l'upload ?!

**AdSFR** · 13/04/2007, 14h49

Merci mais le problème vient plus d'arriver à toucher le champ file que de la méthode à utiliser. (j'avais déjà essayer avec un div avant)
J'utilise ici :
new_iframe.getElementById('file').disabled=true;

Ca ne marche pas, ça, c'est clair ;o) alors faudrait-il plutot employé un : document.iform.getElementById('file').disabled=true;
Ce file étant contenu dans ce new_iframe, lui-même...

Merci d'avance

Masquer un champs file le temps de l'upload

JavaScript

Vue hybride

Discussions similaires

Partager

Partager