[AJAX] afficher message d'attente

**boboss123** · 21/10/2009, 10h30

bonjour,

Pendant l'envoie d'un fichier je voudrais afficher un bloc au milieu de l'ecran avec a l'interieur une image et un message d'attente => je suppose que vous avez déjà fait ça

...

Comment faites-vous (j'ai du mal a positionner mon bloc) ?

Merci d'avance

**E.Bzz** · 21/10/2009, 10h55

Bonjour,

Envoyé par boboss123

Comment faites-vous (j'ai du mal a positionner mon bloc) ?

va falloir être plus précis

Le "positionnement" du bloc, par exemple, c'est un problème CSS.

Montre-nous déjà le code que tu utilises
Décris précisément ce que tu veux obtenir
Indique le point précis qui te bloque pour y arriver

A+

**boboss123** · 21/10/2009, 11h09

j'ai déja ouvert un post sur la section CSS : http://www.developpez.net/forums/d82...-cadre-centre/
=> j'ai aussi ouvert ici car comme tu peux le voir il semblerait qu'en utilisant que du CSS ça ne fonctionne pas correctement a cause des barres de scroll du navigateur web

=> lorsque vous avez de requêtes qui durent longtemps, vous affichez vos messages d'attente comment (peut etre que je n'utilise pas du tout la bonne méthode...) ?

**E.Bzz** · 21/10/2009, 11h15

Tu ne nous montres que les problématiques CSS (et c'est dans le forum CSS que tu auras les réponses, pas ici), mais pas le reste.
Ce "reste" te pose-t-il problème ?

Si oui :
Comment fais-tu ton appel Ajax ?
Par rapport à cette appel, comment gères-tu l'affichage (puis le masquage) du message d'attente ?

A+

**boboss123** · 21/10/2009, 12h09

après quelques recherches, il s'avère que c'est impossible d'envoyer un fichier avec AJAX => il faut utiliser la methode traditionnelle et récupérer le fichier dans une iframe.

Donc j'explique la technique :

1- je déclare mon inputfile :

Code :

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

1
2
3
4
<form action="uploadFile.php" target="iframe_uploadFile" method="post" enctype="multipart/form-data" onsubmit="return uploadFileCheckSubmit()">
	<input type="file" name="uploadFile"/>
	<input type="submit" value="Envoyer" />
</form>

=> j'utilise onsubmit pour pouvoir afficher mon div d'attente

2- fonction uploadFileCheckSubmit:

Code :

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

1
2
3
4
function uploadFileCheckSubmit(){
	document.getElementById("divWait").style.display = "block"
	return true
}

=> affichage de mon div d'attente avant envoi du fichier

3- declaration de l'iframe (endroit ou le fichier uploadFile.php va etre affiché):

Code :

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

<iframe name="iframe_uploadFile" src="about:blank" style="display:none"></iframe>

4- contenu du fichier uploadFile.php :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>upload file</title>
		<script type="text/javascript">
			window.parent.uploadRequest('Telechargement reussi !')
		</script>
	</head>
 
	<body></body>
</html>

=> permet d'executer la fonction uploadRequest lorsque le fichier uploadFile.php est reçu

5- fonction uploadRequest :

Code :

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

1
2
3
4
function uploadRequest(str){
	document.getElementById("divWait").style.display = "none"	
	alert(str)
}

=> tout a l'air de bien fonctionner sauf que :
1- ma page n'est pas valide W3C : les attributs target et name de <form> et <iframe> me cause des erreurs => pourquoi ?
2- j'ai toujours mon message d'attente qui est mal positionné

=> Mais pourquoi AJAX a t-il été conçu si cette methode existe ? c'est beaucoup plus simple de gérer les post asynchrones avec cette methode, non ?

**andry.aime** · 21/10/2009, 12h50

Bonjour,

Mais pourquoi AJAX a t-il été conçu si cette methode existe ?

AJAX est conçu pour faire une requête au serveur sans que la page se récharge.

1- ma page n'est pas valide W3C : les attributs target et name de <form> et <iframe> me cause des erreurs => pourquoi ?

Je ne suis pas si sûr mais comme si l'utilisation des iframe a été banni du W3C, d'où l'utilité de l'AJAX.
En utilisant AJAX, tu dois pouvoir suivre la progression de l'upload avec APC de php.

[AJAX] afficher message d'attente

AJAX

Vue hybride

Discussions similaires

Partager

Partager