Changeset 9835 in spip-zone


Ignore:
Timestamp:
Feb 22, 2007, 10:56:53 PM (13 years ago)
Author:
matt_he_oh@…
Message:

Et pour feter la 1.9.2, un menu depliant qui tient la route !

Location:
_squelettes_/_bloog_/bloog_css/squelettes
Files:
3 added
1 deleted
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/_bloog_/bloog_css/squelettes/css/logic.css

    r9798 r9835  
    208208        width:474px;
    209209        padding: 5px 0 0 0px;
    210         margin: 8px 2px;
     210        margin: 8px 3px;
    211211        }
    212212.grande_boite > text {
     
    216216        }
    217217.boite{
    218         margin:8px 0;
     218        margin:10px 0;
    219219        width:241px;
    220220        }
     
    533533}
    534534
    535 
     535/* menu */
     536
     537.open {
     538       display: block;
     539                list-style-type: none;
     540       padding-top: 0px;
     541       padding-bottom: 5px;
     542       padding-left: 10px;
     543       margin: 0 0 0 10px;
     544       }
     545
     546.closed {
     547       display: none;
     548       }
     549
     550.actif {
     551       font-weight: bold;
     552       color: #C59E67;
     553      }
     554
     555li img {
     556       vertical-align: middle;
     557       }
     558
     559li img a:hover {
     560       vertical-align: middle;
     561       }
     562           
     563   
     564.li {
     565       list-style-type: none;
     566       padding-top: 0px;
     567       padding-bottom: 0px;
     568       padding-left: 0px;
     569       margin-left: 0px;
     570       }
     571
     572
  • _squelettes_/_bloog_/bloog_css/squelettes/inc_menu_rub.html

    r9561 r9835  
    1 <div id='nav-container'>
    2 <B_rubriques>
    3         <ul>
    4         <BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre, titre}>
    5                 <li>
    6                         <a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80}|supprimer_numero)]</a>
    71
    8                         <B_sous_rubriques>
     2<!-- début jscript -->
     3<script type="text/javascript">
    94
    10                         <ul>
    11                                 <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre, titre}>
    12                                         <BOUCLE_test_expose(RUBRIQUES) {id_enfant}>#EXPOSE{' '}</BOUCLE_test_expose>
    13                                                 <li>
    14                                                         <a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80})]</a>
    15                                                         <BOUCLE_re(BOUCLE_sous_rubriques)></BOUCLE_re>
    16                                                 </li>
    17                                         </B_test_expose>
     5function toggle(id){
    186
    19                                 </BOUCLE_sous_rubriques>
    20                         </ul>
    21                         </B_sous_rubriques>
     7  ul = "ul_" + id;
     8  img = "img_" + id;
     9  ulElement = document.getElementById(ul);
     10  imgElement = document.getElementById(img);
    2211
    23                 </li>
    24         </BOUCLE_rubriques>
     12  if (ulElement){
     13          if (ulElement.className == 'closed'){
     14 
     15                  ulElement.className = "open";
     16                  imgElement.src = "squelettes/images/opened.gif";
     17                  }else{
     18                  ulElement.className = "closed";
     19                  imgElement.src = "squelettes/images/closed.gif";
     20                 
     21                  }
     22          }
     23         
     24         
     25  }
    2526
    26         </ul>
    27 </B_rubriques></div>
     27function hierarchie (listRubriques) {
     28
     29var itemList = listRubriques;
     30var restoredArray = itemList.split(",");
     31var numberItem = restoredArray.length;
     32
     33for (i=0; i<numberItem; i++) {
     34    currentRub = restoredArray[i]
     35                 ul = "ul_" + currentRub;
     36    img = "img_" + currentRub;
     37    ulElement = document.getElementById(ul);
     38    imgElement = document.getElementById(img);
     39
     40    if (ulElement) {
     41        ulElement.className = "open";
     42        imgElement.src = "squelettes/images/opened.gif";
     43
     44      }
     45
     46
     47  }
     48
     49}
     50
     51</script>
     52<!-- fin jscript -->
     53
     54     
     55
     56<BOUCLE_selectMenu (RUBRIQUES){racine}{par num titre}>
     57<ul class="open">
     58<li id="#ID_RUBRIQUE"><a  onclick="toggle('#ID_RUBRIQUE');"><img src="squelettes/images/closed.gif" alt="" id="img_#ID_RUBRIQUE" border="0"></a>&nbsp;
     59<a href="#URL_RUBRIQUE" title="#NOM_SITE_SPIP - [(#TITRE|supprimer_numero)]" [class="(#EXPOSE{actif})"]>[(#TITRE|supprimer_numero)]</a>
     60
     61<ul id="ul_#ID_RUBRIQUE" [class="(#EXPOSE{open,closed})"]>
     62
     63    <BOUCLE_secteurs(RUBRIQUES){id_parent}{par num titre}>
     64    <li id="#ID_RUBRIQUE"><a  onclick="toggle('#ID_RUBRIQUE');"><img src="squelettes/images/closed.gif" alt="" id="img_#ID_RUBRIQUE" border="0"></a>&nbsp;
     65    <a href="#URL_RUBRIQUE" title="#NOM_SITE_SPIP - [(#TITRE|supprimer_numero)]" [class="(#EXPOSE{actif})"]>[(#TITRE|supprimer_numero)]</a>
     66        <B_sousrub>
     67
     68            <ul id="ul_#ID_RUBRIQUE" [class="(#EXPOSE{open,closed})"]>
     69             <BOUCLE_sousrub(RUBRIQUES){id_parent}{par num titre}>
     70             <li id="#ID_RUBRIQUE"><a  onclick="toggle('#ID_RUBRIQUE');"><img src="squelettes/images/closed.gif" alt="" id="img_#ID_RUBRIQUE" border="0"></a>&nbsp;
     71             <a href="#URL_RUBRIQUE" title="#NOM_SITE_SPIP - [(#TITRE|supprimer_numero)]" [class="(#EXPOSE{actif})"]>[(#TITRE|supprimer_numero)]</a>
     72             </li>
     73            </BOUCLE_sousrub>
     74        </ul>
     75        </B_sousrub>
     76    </li>
     77    </BOUCLE_secteurs>
     78</ul>
     79</li>
     80</ul>
     81</BOUCLE_selectMenu>
     82
     83</ul>
    2884
    2985<p>
    3086<a href="[(#URL_PAGE{inscription})]">Lettre</a>&nbsp;|&nbsp;<a href="[(#URL_PAGE{plan})]">Plan</a>&nbsp;|&nbsp;<a href="[(#URL_PAGE{nouveautes})]">News</a><BOUCLE_RUBRIQUE_LIENS(RUBRIQUES){titre_mot==annuaire_home}{0,1}>&nbsp;|&nbsp;<a href="#URL_RUBRIQUE"[title="(#DESCRIPTIF|couper{40}|textebrut|attribut_html)"]>[(#TITRE)]</a></BOUCLE_RUBRIQUE_LIENS></p>
    3187
     88
     89
     90
     91
     92
     93
     94
     95
Note: See TracChangeset for help on using the changeset viewer.