Discussion :

[ahlem83]

Bonjour à tous,

Je souhaite cacher un panel au chargement de la page et le rendre visible que lorsque je clique sur le lien "ouvrir" j'ai associé un évènement onload mais ne marche pas!!!!
voilà le code:

***********************CODE************************

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
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition 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"
    xmlns:c="http://java.sun.com/jstl/core"
    xmlns:sf="http://www.springframework.org/tags/faces">
 
<style type="text/css">
 
.userPanel {
     width:200px;
     height: 100px;
     float:right;
     border-color:#FFFFFF;
    }
 
</style>
 
 
 
<rich:panel styleClass="userPanel" id="userPanel">
    <a4j:commandLink> ouvrir </a4j:commandLink>
<rich:effect event="onclick" type="Appear"  targetId="userDetailPanel" />
 
<rich:panel id="userDetailPanel">
<a4j:commandLink action="RechercherTaches">taches
</aj:commandLink><br/>
<a4j:commandLink action="deconnection"> Déconnexion </a4j:commandLink>
<a4j:commandLink> Fermer 
<rich:effect event="onclick" type="Fade"  for="userDetailPanel" />
</a4j:commandLink>
<rich:effect  event="onload" for="userDetailPanel" type="Fade" />
</rich:panel>
 
</rich:panel>

**************FIN****************


Merci d'avance

[Arthuris]

A la place de <rich:panel> tu peut utiliser le composant <h:panelGrid> qui contient le paramètre booléen rendered, <h:panelGrid rendered="" ... il te permet de caché le panel

[ahlem83]

j'ai utilisé le composant <rich:panel > et le booléen rendered qui prend une valeur True ou False selon l'action déclenché( l'action "afficherPanelTaches" met la variable afficheDetailPanelTaches a true et l'action "masquerPanelTaches" la met a false )et ça marche!!!
voilà le nouveau code

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
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition 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"
    xmlns:c="http://java.sun.com/jstl/core"
    xmlns:sf="http://www.springframework.org/tags/faces">
 
    <rich:panel styleClass="userPanel fondBandeau" id="userPanel" >
        <a4j:commandLink action="afficherPanelTaches" reRender="userPanel">
            <img title="Cliquer pour avoir plus de détails"  
                src="${request.contextPath}/resources/resources/images/icons/login.gif"
                height="40" width="50" />
        </a4j:commandLink>
        <rich:panel  id="userDetailPanel" styleClass="userDetailPanel" rendered="#{afficheDetailPanelTaches}">
            <h:outputText value=" #{sessionScope.SPRING_SECURITY_LAST_USERNAME} " />
            <br />
            <a4j:commandLink action="RechercherTaches">
                Tâches 
            </a4j:commandLink>
            <br />
            <a4j:commandLink action="deconnection"> 
                Déconnexion 
            </a4j:commandLink>
            <br />
            <br />
            <a4j:commandLink action="masquerPanelTaches" reRender="userPanel">
                Fermer
            </a4j:commandLink>
        </rich:panel>
 
    </rich:panel>
 
</ui:composition>

Merci