afficher un modal panel en premier

Version imprimable

19/08/2008, 13h01
ghnawfal

afficher un modal panel en premier

Bonjour,

Je voudrais afficher un modal panel en ouvrant ma page, c'est à dire que mon utilisateur doit voir mon modal panel en premier, le valide et ensuite peut accéder à sa page??
jusqu'à présent j'arrive a afficher mes modal panel dans mes pages mais après avoir cliquer sur un bouton, là je veux l'afficher juste un ouvrant ma page avant de cliquer sur quoi que ce soit??

Merci dd'avance
19/08/2008, 13h47
romaintaz

Bonjour,

J'imagine que tu ouvres ton modal panel via un appel Javascript ?

Dans ce cas, il suffit de lancer cet appel Javascript dans l'attribut onload du noeud body de ta page HTML...
19/08/2008, 14h24
ghnawfal

Euuuuuuhhh, jusqu'à présent je ne sais toujours pas comment l'appeler.
et pour cet appel javascript je le met ou?? et comment??

Merci encore une fois
19/08/2008, 14h36
ghnawfal

De plus que j'ai pas le body dans ma page ou du moins j'ai pa la balise <body>, j'ai une page jspx???
alors si vous pouvez m'indiquer quoi faire?
19/08/2008, 14h51
romaintaz

C'est quoi comme composant Modal Panel ? Celui de RichFaces ?
Si c'est ça, l'ouverture se fait par la fonction RichFaces.showModalPanel('idOfPanel');
19/08/2008, 15h03
ghnawfal
est ce que je dois faire ca??
Code:

1 2 3 4 5 <SCRIPT language="Javascript"> function affichermodal() { RichFaces.showModalPanel('client_panel'); } </SCRIPT>
et pour le onload??? (onLoad="affichermodal();")
je fais comment et je le mets où?? j'ai pas la balise body?
19/08/2008, 15h09
romaintaz
Ce que tu peux faire du coup :
Code:

1 2 3 <script type="text/javascript"> RichFaces.showModalPanel('client_panel'); </script>
Du coup, ça s'exécutera à chaque affichage de la page...

je travaille avec les facelets et j ai pas su ou mettre mon <Script>

voivi un bout de code

e script a inserer:

Code:

1
2
3
4
 
<script type="text/javascript">
RichFaces.showModalPanel('paneladd');
</script>

voici mon modal panel dans le jsf :

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
30
31
32
33
 
<ui:composition template="./template_test/hps_template.jspx "
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
 
 
	<ui:define name="header">
	</ui:define>
 
	<ui:define name="contenu">
 
<f:view>
<h:form>
<rich:modalPanel id="paneladd" width="650" height="250">
<f:facet name="header">
<h:outputText value="New Batch" />
</f:facet>
<f:facet name="controls">
<span style="cursor: pointer"
							onclick="javascript:Richfaces.hideModalPanel('paneladd') ">X</span>
</f:facet>
 
</rich:modalPanel>
</h:form>
</f:view>
</ui:define>
<ui:define name="footer">
</ui:define>
</ui:composition>

26/08/2008, 15h45
ghnawfal

le prob c'zst que j ai pas de body dans mes jspx
26/08/2008, 15h58
romaintaz

c'est pas grave, tu le mets plus ou moins n'importe où, l'important étant qu'il soit écrit dans la page HTML lorsque JSF fait le rendu de la page...

Ca marche pas, j'arrive pas a afficher mon modal panel:

Voila exactement ce que j'ai fais:

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<ui:composition template="./template_test/hps_template.jspx "
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
 
<script type="text/javascript">
RichFaces.showModalPanel('paneladd');
</script>
 
<ui:define name="header">
</ui:define>
<ui:define name="contenu">	
<f:view>
<h:form>
<rich:modalPanel id="paneladd" width="650" height="250">
		<f:facet name="header">
		<h:outputText value="New Batch" />
		</f:facet>
		<f:facet name="controls">
		<span style="cursor: pointer"				onclick="javascript:Richfaces.hideModalPanel('paneladd') ">X</span>
		</f:facet>
		<h:panelGrid columns="2" border="1">
		<h:outputLabel value="Bank"></h:outputLabel>
		<rich:comboBox defaultLabel="select..."	value="#{bean.bankName}">
		<f:selectItems value="#{list_Items.countryList}" />
		</rich:comboBox>
		<h:outputLabel value="Code"></h:outputLabel>
	        <h:inputText value="#{bean.code}" maxlength="10" label="Code"></h:inputText>
		<h:commandButton value="OK"
							actionListener="#{cardBean.verifyClient}"></h:commandButton>
		<a4j:commandButton value="Cancel"
							oncomplete="javascript:Richfaces.hideModalPanel('paneladd');" />
		</h:panelGrid>
	</rich:modalPanel>
 
<h:panelGrid columns="4" border="1">
<h:outputLabel value="Bank"></h:outputLabel>
<h:outputText value="#{bean.bankName}"></h:outputText>
<h:outputLabel value="Batch"></h:outputLabel>
<h:outputText value="#{bean.batchnumber}"></h:outputText>
</h:panelGrid>
</h:form>
</f:view>
</ui:define>
<ui:define name="footer">
</ui:define>
</ui:composition>

26/08/2008, 16h21
romaintaz

Et si tu mets le javascript après le <f:view> ?
26/08/2008, 16h28
ghnawfal

malheureusement ca marche pas... j'ai maintenant toute une fenetre d'erreur pour effectuer un debogabe :?