Bonjour,
J'ai un classeur à onglet affiché sur une page php (voir image 1). Chaque onglet affiche une div différente; mais je voudrais que lorsque je clique ailleurs sur la page: l'onglet actif demeure visible (ce qui n'est pas le cas malheureusement, voir image 2).
Voici le css:LE html:
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 #navigation { position: relative; top: 0px; margin: 0 ; padding: 0 ; list-style: none ; z-index: 2; } #navigation li { position: relative; display: inline ; margin: 0px; margin-right: 1px ; /* délimite mieux les onglets */ color: #fff ; background: #E5E5E5 ; } #navigation li a { position: relative; top: 0px; padding: 0px 20px ; background: #E8D5B4 ; color: #000 ; border: 1px solid #b89355 ; font: 1em "Trebuchet MS",Arial,sans-serif ; /*line-height: 1em ; => si la ligne est décommentée, alors les onglets sont moins haut: effet de superposition du bloc_fragment sur les onglets */ text-align: center ; text-decoration: none ; border-radius: 5px 5px 0 0; } #navigation li a:hover, #navigation li a:active { top: 0px; color: #fff ; background: #900 ; text-decoration: underline ; } #navigation li a:focus { color: #000; background: #FBF7EF; text-decoration: underline ; border-bottom: none; top: 1px; }et le xsl:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 echo '<div class="notice_metadata"> <h4>' . gettext('Fragment') . '</h4>'; echo '<div id="aff_1_fragment">'; echo $menu_proc->transformToXml($menu_xml); echo '<div id="bloc_fragment_normalise">....</div> <div id="bloc_fragment_diplomatique">$proc->transformToXml($xml)</div> <div id="bloc_fragment_imagette">...</div> </div> </div>';Merci de votre aide!
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <?xml version="1.0"?> <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:template match="/"> <ul id="navigation"> <xsl:for-each select="menu/item"> <xsl:variable name="URL" select="adresse" /> <xsl:variable name="TITLE" select="note" /> <xsl:variable name="ID" select="id" /> <li onclick="changeOngletActifAffichageFragment('{$ID}')"><a id="a_{$ID}" href="{$URL}" title="{$TITLE}"><xsl:value-of select="titre"/></a></li> </xsl:for-each> </ul> </xsl:template> </xsl:stylesheet>
Partager