JSP/Javascript - Popup fenêtre d'attente

Version imprimable

07/12/2006, 15h53
rs

JSP/Javascript - Popup fenêtre d'attente

Bonjour,

J'ai fait :recherch: sans trouver mon bonheur, donc voilà : je souhaiterais implémenter le processus suivant :

1) la page principale contient un formulaire que remplit l'utilisateur
2) lors du submit du formulaire, une fonction javascript vérifie les données saisies
3) si les valeurs sont ok, le formulaire est posté dans une fenêtre popup avec un gif animé d'attente
4) cette fenêtre récupère les valeurs postées et lance un traitement dans une classe java du serveur d'application qui génère un fichier PDF de nom et chemin connus
5) le code boucle jusqu'à ce que le fichier existe puis l'ouvre dans une nouvelle fenêtre
6) le popup se ferme et rafraichit la page principale

Pour les points 1, 2, 4 : pas de soucis, pour les autres toute suggestion sera la bienvenue.

D'avance merci.
07/12/2006, 16h33
Mobius

peut etre a tu entendues parler de ajax. Je pense que c'est une piste a suivre ... ;)

Edit: En fait nan, j'ai répondu trop vite mais c'est un pure problème javascript, je pense qu'il suffit d'ouvrir une fenetre avec la fonction open en javascipt (dans tout les cas j'imagine qu'il y a un forum plus approprié)
07/12/2006, 16h50
rs

Pour ce qui est de Javascript : pas de pb je vois comment coder ça.
Par contre, je ne suis pas expert en Java, c'est donc surtout pour la partie JSP (en particulier le point 5) que je cherche des infos.
07/12/2006, 17h02
Mobius

ya un truc que j'ai pas bien saisie dans ton problème.

si je résume (a ma sauce) :tu veux soumettre un forumlaire. Et pendant le traitement tu compte afficher une popup (a la limite il vaut mieu afficher un "div" qui s'affiche au dessus de ton formulaire mais pas une popup que l'utilisateur pourrait fermer pendant le traitement).

En prenant la solution sans popup (donc avec un div) ca revient a faire de l'ajax de facon très simple (il y a des tas de tutos qui explique ca). En passant il existe des tag ajax pour les jsp (AjaxTag sur sourceforge de mémoire)

En passant par une popup, tu ne fait que déporter le problème car tu auras toujours besoin d'un traitement asynchrone dans ta popup.

Donc j'en reviens a ma premiere suggestion, essaye de voir si il n'y a pas des tutos sur ajax qui t'expliquera ca mieu que moi.

Pour t'aider un peu quand meme (je ne suis pas sur que ca soit tres clair comment tu veux faire), c'est pas au code java de boucler le temps que le fichier soit créé. C'est ton objet XmlHttpRequest (le populaire objet "ajax") qui attend la fin du traitement sur le serveur (donc la fin de la création de ton pdf en parlant de ton cas)
07/12/2006, 17h25
chennuo

D'accord avec Mobius.

Ajax est souvent utilisé n'importe comment.

Mais dans ton cas, il s'impose.

Quand tu soumets ton formulaire, tu envois une réquête asynchrone via l'objet HttpRequest et c'est lui qui va boucler en attendand que le serveur est terminé son job (création du pdf), ensuite le pfd s'affiche dans ta page jsp.

Pour faire patienter, tu peux faire une popup amis l'utilisateur peut la fermer donc pas top. Le mieux, c'est de faire un div comme le dit Mobius (visibility:hidden au déaprt et tu changes la valeur à visible quand tu soumet le formulaire).
08/12/2006, 09h22
rs

Citation:

Envoyé par Mobius

c'est pas au code java de boucler le temps que le fichier soit créé. C'est ton objet XmlHttpRequest (le populaire objet "ajax") qui attend la fin du traitement sur le serveur (donc la fin de la création de ton pdf en parlant de ton cas)

C'est clair que ce n'est pas la popup qui doit lancer le traitement car si l'utilisateur la ferme c'est :pan: ...
Entendu, je vais étudier de très près l'objet XmlHttpRequest :
un div invisible contenant un gif animé d'attente qui s'affiche lorsque l'utilisateur soumet le formulaire puis un autre div permettant une interactivité avec le fichier qui s'affiche lorsque le traitement est terminé : ca me va très bien

:merci: beacoup pour ces infos
08/12/2006, 10h03
Mobius

Citation:

Envoyé par rs

puis un autre div permettant une interactivité avec le fichier qui s'affiche lorsque le traitement est terminé : ca me va très bien

Nan c'est pas vraiment ca, les div ne servent pas a faire un traitement (comme tout code HTML) C'est objet XmlHttpRequest (en javascript, lorsque tu voudra soumettre ton formulaire) qui va se charger de l'interactivité.

Essaye de regarder si tu ne trouve pas des librairies Ajax qui te faciliteront le travail. Ce n'est pas la peine de réinventer la roue.
08/12/2006, 10h52
rs

Citation:

Envoyé par Mobius

Nan c'est pas vraiment ca, les div ne servent pas a faire un traitement (comme tout code HTML) C'est objet XmlHttpRequest (en javascript, lorsque tu voudra soumettre ton formulaire) qui va se charger de l'interactivité.

Euh, j'ai du mal m'exprimer...
Le div sert juste à afficher (une fois la génération terminée) des infos (p.ex taille du fichier généré, lien de télechagement, d'ouverture, ...) => interactivité avec l'utilisateur.
Si j'ai bien compris, l'objet XmlHttpRequest s'occupe quant à lui de l'interactivité avec le serveur : il lance la page jsp de génération, attend la fin du traitement, récupère des infos et les passe à la page html qui contient le formulaire, c'est ça ?
08/12/2006, 10h59
Mobius

Citation:

Envoyé par rs

Si j'ai bien compris, l'objet XmlHttpRequest s'occupe quant à lui de l'interactivité avec le serveur : il lance la page jsp de génération, attend la fin du traitement, récupère des infos et les passe à la page html qui contient le formulaire, c'est ça ?

C'est presque ca :D
En général on n'appel pas une jsp avec l'object XmlHttpRequest mais plus une servlet (enfin pourquoi pas une jsp, en gros c'est une requete vers le serveur) qui te retourne un flux XML.
Une fois que l'objet XmlHttpRequest a recu le flux XML c'est a toi de le traiter en javascript et d'en faire ce que tu veux.

Bon courage pour la suite ;)
08/12/2006, 11h22
rs

entretemps j'ai commencé à regarder des exemples avec XmlHttpRequest : pas mal du tout...

:merci: encore