afficher un modal panel en premier

**ghnawfal** · 19/08/2008, 13h01

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

**romaintaz** · 19/08/2008, 13h47

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...

**ghnawfal** · 19/08/2008, 14h24

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

**ghnawfal** · 19/08/2008, 14h36

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?

**romaintaz** · 19/08/2008, 14h51

C'est quoi comme composant Modal Panel ? Celui de RichFaces ?
Si c'est ça, l'ouverture se fait par la fonction RichFaces.showModalPanel('idOfPanel');

**ghnawfal** · 19/08/2008, 15h03

est ce que je dois faire ca??

Code :

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

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?

**romaintaz** · 19/08/2008, 15h09

Ce que tu peux faire du coup :

Code :

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

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

Du coup, ça s'exécutera à chaque affichage de la page...

**ghnawfal** · 26/08/2008, 12h25

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

voivi un bout de code

e script a inserer:

Code :

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

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

voici mon modal panel dans le jsf :

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

**ghnawfal** · 26/08/2008, 15h45

le prob c'zst que j ai pas de body dans mes jspx

**romaintaz** · 26/08/2008, 15h58

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...

**ghnawfal** · 26/08/2008, 16h17

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

Voila exactement ce que j'ai fais:

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

**romaintaz** · 26/08/2008, 16h21

Et si tu mets le javascript après le <f:view> ?

**ghnawfal** · 26/08/2008, 16h28

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

afficher un modal panel en premier

JSF Java

Discussions similaires

Partager

Partager