Afficher un sablier d'attente après un submit dans une jsp

**padraig29** · 19/08/2010, 21h48

Bonsoir,

Dans ma jsp, j'ai une liste de données à mettre à jour en base que je mets à jour après avoir cliqué sur un bouton "valider". Cette mise à jour est assez longue (plusieurs delete et insert) : dans un premier temps , des carrés verts s'affiche en bas et puis plus rien , la fenêtre reste tel quel pendant le traitement mais le bouton "valider" est cliquable . Et si je clique dessus, je rerentre dans mon action et une 2eme mise à jour se fait et ainsi de suite. Avec à la fin des résultats surprenants !

Je souhaiterais donc afficher un sablier d'attente et invalider mon bouton de manière à empêcher l'utilisateur de recliquer.
Quelqu'un a t'il une idée comment faire?
Merci d'avance.

**tchize_** · 19/08/2010, 22h50

pour le bouton, rajouter ceci dessus

Code :

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

onclick="this.disabled=true;return true"

maintenant, on peux faire plus propre, jouer avec le CSS et le javascript pour cacher toute la balise form et afficher un DIV qui était caché et marquant "veuillez patienter". Juste un peu de boulot :p

**padraig29** · 30/08/2010, 19h02

Bonjour
Après quelques semaines de congés, je reprends le dossier.
J'ai essayé : mon bouton est bien invalidé mais le formulaire n'est pas soumis donc je ne rentre pas dans mon action et rien ne se passe.

Cordialement

**tchize_** · 30/08/2010, 19h12

retire le return de mon code? Je suis plus sur mais maitenant que j'y pense, me semble qu'il faut pas le faire le return sinon tu désactive le code JS de JSF

**padraig29** · 31/08/2010, 09h20

J'ai essayé sans return et avec return=false, le bouton est bien grisé mais je ne rentre pas dans mon action struts

Code :

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

1
2
3
4
5
6
 
Ma JSP
<html:form method="post" action="traiter.do">  
.....
.....
<html:submit property="action" onclick="this.disabled=true;" styleClass="bouton1"  value="<%=Constantes.BOUTON_VALIDER%>"/>

**padraig29** · 31/08/2010, 09h41

J'arrive a afficher un sablier pendant le traitement de mise à jour mais les boutons restent actifs :

Code :

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

1
2
 
<html:submit property="action" onclick="document.body.style.cursor = 'wait'; " styleClass="bouton1"  value="<%=Constantes.BTN_VALIDER%>"/>

**tchize_** · 31/08/2010, 10h16

remplace éventuellement this.disabled=true par "this.style.display='none'", je suppose que le disabled empeche la soumission du formulaire à l'arriver (désolé, j'ai l'habitude de JSF où ca coince pas

)

**OButterlin** · 31/08/2010, 10h53

C'est IE qui empêche l'envoi du formulaire après avoir fait le this.disabled = true, ça fonctionne avec Firefox.

Ceci dit, tu peux faire avec onsubmit sur le formulaire comme ceci

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
 
<html>
<head>
<script>
var submited = false;
 
function submitForm()
{
    if (submited)
    {
        window.status = "NOT SUBMITED";
        return false;
    }
    window.status = "SUBMITED";
    submited = true;
    return true;
}
</script>
</head>
<body>
 
<form action="http://localhost:8081/Web1/Servlet1" onsubmit="return submitForm()">
<input type="text" name="ATTR1"/>
<input type="submit" value="Envoyer"/>
</form>
 
</body>
</html>

Afficher un sablier d'attente après un submit dans une jsp

Struts 1 Java

Discussions similaires

Partager

Partager