[Débutant]Xsl et barres de défilement

Version imprimable

18/04/2006, 15h14
mavina

[Débutant]Xsl et barres de défilement

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 :
http://img118.imageshack.us/img118/7361/menu10qr.jpg

http://img85.imageshack.us/img85/3806/menu27nn.jpg

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

peut-être que le code vous aidera :

Code:

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:

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

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:

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