Discussion :

[mavina]

Bonjour,

Je viens d'entrer en stage et on me demande la reprise d'un code. Ce code affiche un menu rempli par une fonction jsp. Le menu est fait en xml et affiché en XSL (avec des images de mise en forme).
Le probleme est que si le menu est trop grand, on ne peut pas acceder à une partie du menu (la partie en bas) car aucune barre de défilement n'apparait.

exemple :




J'ai volontairement caché le contenu de la page et des menus, car je n'ai pas le droit de les divulguer (je travaille pour l'observatoire nationnal de la secu)...
Est-il possible d'ajouter une barre de défilement ? Si oui, est il possible de ne l'ajouter que lorsque le xsl "se rend compte" qu'il dépasse l'ecran ? Si oui, comment faire pour qu'il s'en rende compte ?

merci d'avance pour vos reponses

mavina

[mavina]

peut-être que le code vous aidera :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<div class="menu">
        <div class="menuHaut">
        </div>
 
        <div class="menuBas">
           <xsl:apply-templates select = "themes" />
        </div>
 
        <div class="imageFinMenu">
        </div>
     </div>

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
<xsl:template match="themes">
    <div class="imageDebutMenu"></div>     
 
     <xsl:for-each select="child::*">
 
           <xsl:if test="name() = 'theme1'">
             <div class="lien">
               <a href ="{lienPrincipale/text()}"  target="framePrincipale" 
               onclick="javascript:montre('{translate(nom/text(),' ','a')}','{translate(nom/text(),' ','b')}1')">
                  <font class="texteLien">
                     <xsl:value-of select ="nom"/>
                  </font> 
                  <img src="fondLien2.gif" border="0"/>                     
               </a>
             </div>
           </xsl:if>
 
           <xsl:if test="name() = 'theme2'">
             <div class="lien">
               <a href ="{lienMenu/text()}" target="_self">
                  <font class="texteLien">
                     <xsl:value-of select ="nom"/>
                  </font> 
                  <img src="fondLien2.gif" border="0"/>
               </a>
             </div>
           </xsl:if>
 
           <xsl:if test="name() = 'theme3'">
             <div class="lien" style="cursor:default;">
               <font class="texteLien">
                     <xsl:value-of select ="nom"/>
                  </font> 
                  <img src="fondLien2.gif" border="0"/>             
             </div>
 
             <xsl:for-each select="sous-theme/lien">
               <div class="lienSousTheme">
                 <a href ="{lienPrincipale/text()}" id="sousTheme" target="framePrincipale" 
                 onclick="javascript:montre('{translate(nom/text(),' ','a')}','{translate(nom/text(),' ','b')}1')">
                   <xsl:value-of select ="nom"/>
                 </a>
               </div>              
             </xsl:for-each>
           </xsl:if>
     </xsl:for-each>
   <!--</xsl:if>-->
 
  </xsl:template>

voila voilaaaa :-( dur dur

[mavina]

apres m'être penché sur le code, l'ajout d'un scrollbar dans le <div class="menuBas"> pourrait etre la solution...
voila ce que j'ai fait :

Code :

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

1
2
3
4
5
6
7
8
9
10
.menuBas {
    overflow:auto; 
    scrollbar-arrow-color: #999; 
    scrollbar-track-color: #FFF; 
    scrollbar-shadow-color: #FFF; 
    scrollbar-face-color: #FFF; 
    scrollbar-highlight-color:#FFF; 
    scrollbar-darkshadow-color:#FFF; 
    scrollbar-3dlight-color:#FFF; 
}

JDev m'indique une erreur sur toutes les lignes commencant par scrollbar : unknown property...

d'où provient l'erreur ?

merci

mavina

P.S. : si ce post n'a plus rien à voire ave cce forum, fermez le je vais aussi poster sur le forum html/css