Discussion :

[boboss123]

Bonjour,

j'envoi un fichier de manière asynchrone via une iframe :

Code :

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

1
2
3
4
5
6
7
8
9
10
			<form id="uploadform" action="upload.cgi" target="iframecfg" method="post" enctype="multipart/form-data">
				<fieldset>
					<legend>fichier a uploader</legend>
					<p>
						<input type="file" name="cfgFile" id="cfgFile" />
						<input type="submit" value="Envoyer" />
						<span id="postStatus2"></span>
					</p>
				</fieldset>
			</form>

Avant l'envoi du fichier, j'aimerais qu'une dialogBox demandant la confirmation que l'on veut bien envoyer le fichier. Donc j'ai fait ça :

Code :

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

1
2
3
4
5
6
7
 
    // lorsque ma page web s'ouvre
 
    // initialisation formulaire envoie de fichier 
	$("#uploadform").submit(function(){
		return cfgCheckSubmit();
	});

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
 
var	repIni;
function cfgCheckSubmit(){
 
	repIni = false;
 
 
 	// fonction qui affiche la dialogBox ( => $("#diaBox").show() )
	showConfirmBox(
		"Question", 
		"Voulez-vous vraiment continuer ?",
		0,
		cfgCheckSubmit2 // fonction appelée si reponse oui
	);
	while(????); // on reste dans la boucle tant que l'utilisateur n'a pas validé son choix
 
	return rep;
	// on envoie le formulaire avec la methode traditionnelle mais le fichier est retourné vers la iframe
	// => dans le fichier de retour, on met le code qui permet de lancer la fonction cfgRequest
}
 
// appel de cette focntion si la dialogBox a été confirmée
function cfgCheckSubmit2(){
	repIni = true;
    $("#diaBox").hide()
}

Est-ce bien la bonne methode ?
Que dois-je mettre comme condition dans mon while(????); ?

[marcha]

Salut,

je ne connais pas showConfirmBox, mais soit cette fonction
attends comme paramètre une fonction callback qui est appelée
quand on click ok ou cancel, soit tu dois toi-même assigner une
fonction au click des boutons ok ou cancel.

Dans cette logique, il faut virer ton bouton submit et mettre un
bouton classique à la place qui appele ta fonction de confirmation.

Dans l'évènement lié au bouton ok, tu écrit:

Code :

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

$('#uploadform').submit(); // donne l'ordre de poster le formulaire

Il faut virer ta boucle while, car une attente active dans un language non
multithread va figer ton interface.

[boboss123]

showConfirmBox() est une fonction que j'ai créé moi même : il affiche mon div, et affecte la fonction passée en paramètre au bouton OK (tu as bien compris son fonctionnement)
Mais si je mets un bouton classique, il me semble que je ne pourrais pas envoyer mon fichier, non ? comment dois-je faire pour envoyer mon fichier ?
=> j'ai essayé ça mais ça ne fonctionne pas : $("#myForm").triggerHandler("submit");


y a quelque temps, j'avais demandé si on était obligé d'utiliser une iframe pour faire des envois de fichiers asynchrones : on m'avait répondu que oui => est-ce toujours le cas aujourd'hui (y a t-il maintenant des méthode pour être compatible W3C ?) ?

[marcha]

=> j'ai essayé ça mais ça ne fonctionne pas : $("#myForm").triggerHandler("submit");

Salut,

c'est trigger('submit') qu'il faut utiliser, pas triggerHandler('submit'). Car
triggerHandler ne produit pas l'évènement 'naturel' de l'élément.

Documentation ici (l'exemple du form.submit est même utilisé)

y a quelque temps, j'avais demandé si on était obligé d'utiliser une iframe pour faire des envois de fichiers asynchrones : on m'avait répondu que oui => est-ce toujours le cas aujourd'hui (y a t-il maintenant des méthode pour être compatible W3C ?) ?

C'est toujours la méthode la plus compatible aujourd'hui. Les alternatives
sont flash, java, activex

Dans un future proche, l'objet FileReader permettra de lire un fichier local.
Il sera donc possible de l'envoyer par une requête Ajax sans utiliser d'iframe.

ça fonctionne déjà sur FireFox 3.6

[boboss123]

ok merci,

vivement qu'on puisse utiliser FileReader (va falloir attendre au moins 5ans pour pouvoir l'utiliser)