Discussion :

[ahmedpa]

Bonsoir ,

Je suis en train de développer un formulaire d'authentification et ou j'ai un premier panel où il y a le username et password et un autre panel pour afficher les messages d'erreurs si l'utilisateur ne tape rien !

Au début, le panel contenant les messages d'erreurs est caché, puis lorsque l'on clique sur le bouton login, si on n'a rien saisi, alors le panel s'affiche avec les messages d'erreurs.

Jusqu'ici ça fonctionne, maintenant j'aimerais que lorsque le panel apparait, il finisse par disparaître au bout de 4 secondes.

Quelqu'un saurait-il m'indiquer comment procéder ?

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
            <p:panel id="panel"
                style="position:absolute;top:230px;;left:360px;height:320px;width:50%;background-color:#efefef">
 
<p:panel id="panelerreur" rendered="#{adminCtr.afficher}">
                <p:messages id="msgs" />
</p:panel>
                <h:outputText value="Administration Login"
                    />
                <p:graphicImage value="/images/cadna.png"
                    ></p:graphicImage>
 
 
                <h:panelGrid columns="3">
                    <h:outputLabel for="firstname" value="Username"
                         />
                    <p:inputText value="#{adminCtr.admin.login}" id="firstname"
                         required="true"
                        requiredMessage="Veuillez saisir votre username">
                    </p:inputText>
 
 
                    <h:outputLabel for="password" value="Password"
                        />
                    <p:inputText value="#{adminCtr.admin.password}" id="password"
                         required="true"
                        requiredMessage="Veuillez saisir votre password">
                    </p:inputText>
                </h:panelGrid>
 
 
                <p:commandButton value="Log in" actionListener="#{adminCtr.logOn}" update="panel,panelerreur"
                     icon="ui-icon-star" >
                </p:commandButton>
            </p:panel>

Merci d'avance pour votre aide.

[ghiwani80]

Hello
Je n 'ai pas d'exemple à te fournir de suite, mais pense plutôt à utiliser les timer AJAX pour ton besoin.

en gros, quand l utilisateur clique sur le bouton, tu initialise le timer, et c'est ton timer qui cache le panel une fois le délais passé

exemple timer:
http://www.primefaces.org/showcase/ui/pprCounter.jsf

[DevServlet]

Bonjour, je ne vais peut être pas apporter une réponse technique à la réponse, mais perso d'un point de vue fonctionnel ça ne me choque pas qu'un utilisateur qui s'est trompé de login/pwd ait de manière insistante le msg d'erreur en rouge tant qu'il n'en a pas rentré un autre qui soit OK.

[ahmedpa]

Bonjour, je ne vais peut être pas apporter une réponse technique à la réponse, mais perso d'un point de vue fonctionnel ça ne me choque pas qu'un utilisateur qui s'est trompé de login/pwd ait de manière insistante le msg d'erreur en rouge tant qu'il n'en a pas rentré un autre qui soit OK.

Merci pour ta réponse. En fait, je suis en train de développer un site web et c'est ma première expérience...
Donc si l'utilisateur se trompe, je peux laisser le message d'erreur affiché et lorsqu'il remplit correctement les champs, je le redirige vers le bon résultat ?

[DevServlet]

Ah oui oui tout simplement. Vaut mieux réfléchir sur des problématiques réelles.

[ahmedpa]

Ouais je pense que votre idée est plus idéal que la mienne après tout je vais faire directement avec ce que vous m'avez dit
Merci