Discussion :

[AmineDev9]

Salut tous le monde
Comment afficher modalpanel pendant 5 seconde et la fermer automatiquement aprés les 5 seconde

[Seiphir0the]

essai avec poll d'A4J:

<a4j:poll id="poll" interval="5000" oncomplete="Richfaces.hideModalPanel('panel')"/>

[AmineDev9]

J'ai la première panel "P1" qui contient une formulaire et un bouton qui permet d'ouvrir la 2ème panel "P2
dans "P2":

Code :

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

<a4j:poll id="poll" interval="2000" oncomplete="Richfaces.hideModalPanel('P2')"/>

ça marche :s et lorsque j'ouvre le P2 après 2 seconde, elle est fermée automatiquement.
mais le pb que lorsque j'essaie de remplir mon formulaire dans P1, chaque 2 seconde , le programme il ma vider les champs saisies !!!!!!!!

[tchize_]

j'utiliserais, à l'affichage, le timer javascript de base pour cacher le panel au bout du temps voulu. Le problème du poll c'est qu'il s'arrête pas. Pas besoin de faire une requete ajax pour mettre un timer en javascript A croire que vous avez tout oublié de javascript depuis qu'on fait de l'ajax

Code :

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

setTimeout("Richfaces.hideModalPanel('P2')",5000);

[AmineDev9]

Merci pour votre réponse
mais où il faut mettre ce code

setTimeout("Richfaces.hideModalPanel('P2')",5000);

[tchize_]

à n'importe quel endroit où tu voudrais déclencher le début du timeout. Ca dépend de ton application.

[AmineDev9]

le problème que j'ai une PanelModal p1 et une autre p2.
j'ai un lien dans p1 qui permet d'afficher le p2
je veut que p2 reste 5 seconde et puis elle se ferme ainsi qu'elle ferme le p1 :s
donc dans p2 où il faut mettre :

Code :

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

1
2
3
 
setTimeout("Richfaces.hideModalPanel('p1')",5000);
setTimeout("Richfaces.hideModalPanel('p2')",5000);

[tchize_]

je dirais, met le dans le meme code qui provoque l'ouverture de P2

[AmineDev9]

Dans une page f.js:

Code :

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

1
2
3
4
5
6
7
function mess() 
{
    Richfaces.showModalPanel('de');
    setTimeout('Richfaces.hideModalPanel('dePanel')',2000);
    setTimeout('Richfaces.hideModalPanel('de')',2000);
}

Dans l'interface:

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
<a4j:loadScript src="Images/f.js" />

<rich:modalPanel id="p2"  >
  <f:facet name="header">
    <h:outputText value="Slt p2 dans 2 seconde"/>
  </f:facet>
</rich:modalPanel>


<rich:modalPanel id="p1" >
  <f:facet name="header">
       <h:outputText value="Slt p1"/>
  </f:facet>
  <h:form>
    <a4j:commandButton value="afficher p2 en 2 seconde"
                           onclick="javascript:mess()"/>
  </h:form>
</rich:modalPanel>


<h:form>
  <a4j:region>
       <a4j:commandLink ajaxSingle="true" id="d" 
                     onclick="javascript:Richfaces.showModalPanel('p1')" >
          <h:outputText value="ouvrir p1"/>
   </a4j:commandLink>
  </a4j:region>
</h:form>

Ca ne marche pas

[tchize_]

t'as une erreur javascript là:

Code :

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

setTimeout('Richfaces.hideModalPanel('dePanel')',2000);

[AmineDev9]

t'as une erreur javascript là:
Code :
setTimeout('Richfaces.hideModalPanel('dePanel')',2000);

et qu'elle est la solution , j'ai essaie de changer les ' avec des " mais pas de résultat !!!!

[AmineDev9]

la solution est :

Code :

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

1
2
3
4
5
6
7
function mess() 
{
    Richfaces.showModalPanel('de');
    setTimeout('Richfaces.hideModalPanel("dePanel")',2000);
    setTimeout('Richfaces.hideModalPanel("de")',2000);
}

Merci pour l'aide