[Modalpanel] Affichage pendant quelques secondes

Version imprimable

29/05/2009, 18h52
AmineDev9

[Modalpanel] Affichage pendant quelques secondes

Salut tous le monde :)
Comment afficher modalpanel pendant 5 seconde et la fermer automatiquement ;) aprés les 5 seconde
29/05/2009, 22h49
Seiphir0the

essai avec poll d'A4J:

<a4j:poll id="poll" interval="5000" oncomplete="Richfaces.hideModalPanel('panel')"/>
29/05/2009, 23h21
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:

<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 !!!!!!!!
30/05/2009, 13h33
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 :D A croire que vous avez tout oublié de javascript depuis qu'on fait de l'ajax :mouarf:

Code:

setTimeout("Richfaces.hideModalPanel('P2')",5000);
01/06/2009, 22h10
AmineDev9

Merci pour votre réponse :mouarf:
mais :oops: où il faut mettre ce code :?

Citation:

setTimeout("Richfaces.hideModalPanel('P2')",5000);
01/06/2009, 22h57
tchize_

à n'importe quel endroit où tu voudrais déclencher le début du timeout. Ca dépend de ton application.
01/06/2009, 23h14
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 :roll:
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:

1 2 3 setTimeout("Richfaces.hideModalPanel('p1')",5000); setTimeout("Richfaces.hideModalPanel('p2')",5000);
01/06/2009, 23h18
tchize_

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

Dans une page f.js:

Code:

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:

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 :(

02/06/2009, 10h57
tchize_

t'as une erreur javascript là:

Code:

setTimeout('Richfaces.hideModalPanel('dePanel')',2000);
02/06/2009, 12h19
AmineDev9

Citation:

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 !!!! :arf:

la solution :mrgreen: est :

Code:

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 :D