[TYPO3-UG Dutch] Menu via Templavoila

HocomAdvies (Wiechert Hooghwinkel) info at hocom-advies.nl
Mon Oct 5 14:42:04 CEST 2009


Het lukt me helaas toch nog niet helemaal. 
Krijg nu een menu met alleen de hoofdpagina's. de subpagina's krijg ik niet te zien.
Hoe kan ik de onderliggende menu-levels aan tv toevoegen of zichtbaar krijgen? Is het voldoende alleen de eerste <div> te mappen of moet je de onderliggende lagen ook mappen inTV? Dan geeft ie echter weer dat er geen inhoud gevonden is.
Dit is wat ik nu heb:
Onderstaande TS  (special page 850 is nu 33).
CSS opmaak:
/* -------------  de bestaande container voor het navigatie deel ----- */
#navcontainer
{
margin: 0;
padding: 0;
height: 40px;
width: 100%;
border-bottom: 1px solid #bbb;
}

/* ------------------ de css voor het nieuwe MENU van justtb.com -------------- */
#nav, #nav ul {
 float: left;
 width: 86em;
 list-style: none;
 line-height: 1em;
 background: white;
 color: #000;
 font-weight: bold;
 padding: 0;
 border: solid #eda;
 border-width: 1px 0;
 margin: 0 0 1em 0;
}
 
#nav a {
 display: block;
 width: 10em;
 color: #7C6240;
 
 text-decoration: none;
 padding: 0.25em 0em;
}
 
#nav a.menuparent  {
 background: url(arrow.gif) no-repeat 90% 40%;
}
 
#nav li {
 float: left;
 padding: 0;
 width: 10em;
}
 
#nav li ul {
 position: absolute;
 left: -999em;
 height: auto;
 width: 14em;
 font-weight: normal;
 border-width: 0.25em;
 margin: 0;
  
}
 
#nav li li {
 
 width: 14em
}
 
#nav li ul a {
 width: 14em;
 padding-left: 1em;
}
 
#nav li ul ul {
 margin: -1.75em 0 0 14em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 left: auto;
}
 
#nav li:hover, #nav li.sfhover {
 background: #eda;
 color: white;
}
/*-------------- einde  navigatie / menuboven  -------------------- */ 

Dit is de link naar de javascript in de TS
#include java voor menu
page.includeJS.menujava.js = fileadmin/java/menu_java.js
(zie de script op de http://www.just2b.com/mein-typo3/css-ts-menues/horizontales-dropdown-menue.html).

Dit is wat de bron van de pagina laat zien (mmm... lijkt er dus wel op dat het menu wordt aangemaakt?)

<!-- menu  -->
    <div id="navcontainer">
<!-- hier een menu opnemen --> 
 <ul id="nav"><ul id="nav"><li><a href="home/"  >home</a></li><li class="menuparent"><a href="64/"  >test</a><ul><li><a href="test/"  >test2</a></li></ul></li><li><a href="35/"  >Contact</a></li></ul></ul></div>
</div>
 <!-- end menu -->


  ----- Original Message ----- 
  From: HocomAdvies (Wiechert Hooghwinkel) 
  To: TYPO3 Usergroup Dutch 
  Sent: Sunday, October 04, 2009 8:55 PM
  Subject: Re: [TYPO3-UG Dutch] Menu via Templavoila


  De tip van Jigal did the trick,

  Heb nu een menu maar krijg helaas nog niet de onderliggende (sub) pagina's te zien. Nog maar even verder puzzelen dus. wellicht dat de javascipt net goed wordt aangeroepen?

  #include java voor menu
  page.includeJS.menujava.js = fileadmin/java/menu_java.js


    ----- Original Message ----- 
    From: Daniel Doesburg 
    Newsgroups: typo3.ug.dutch
    To: typo3-ug-dutch at lists.netfielders.de 
    Sent: Sunday, October 04, 2009 8:33 PM
    Subject: Re: [TYPO3-UG Dutch] Menu via Templavoila


    Hoi Wiechert,

    lib.marksMENU is wat anders dan lib.marksMenu.
    Dat zou de reden kunnen zijn.

    Met vriendelijke groeten,

    Daniel Doesburg


    HocomAdvies (Wiechert Hooghwinkel) schreef:
    > Ik probeer een horizontaal menu in een TV site te implementeren. Heb volgens mij alle stappen juist doorlopen maar zie helaas geen menu :( 
    > 
    > Dit is wat ik heb gedaan:
    > 
    > In de TS van de template deze typoscript opgenomen (heb ik overgenomen van http://www.just2b.com/mein-typo3/css-ts-menues/horizontales-dropdown-menue.html ) 
    > 
    > lib.marksMENU = HMENU
    > lib.marksMENU {
    > special = directory
    > special.value = 850
    > 
    > 1 = TMENU
    > 1 {
    > expAll = 1
    > wrap = <ul id="nav">|</ul>
    > noBlur = 1
    > NO = 1
    > NO.wrapItemAndSub = <li>|</li>
    > 
    > IFSUB = 1
    > IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
    > ACTIFSUB < .IFSUB
    > }
    > 2 < .1 
    > 2.wrap = <ul>|</ul>
    > 
    > 3 < .2
    > 4 < .2
    > }In TV heb ik het menu gemapt. In de xml van de TV template heb ik lib.marksMenu als object staanIn mijn css file heb ik netjes de css opgenomen. En tevens wordt het bijbehorende javascript aangeroepen.Zou toch moeten werken.. Krijg helaas niente nada menu te zien!Doe ik nog iets verkeerd? Hetzelfde heb ik ook gedaan om een kruimelpad in te stellen en dat werkte prima. Gaarne uw advies cq tips.Bedankt. Wiechert Hooghwinkel
    _______________________________________________
    TYPO3-UG-Dutch mailing list
    TYPO3-UG-Dutch at lists.netfielders.de
    http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
  _______________________________________________
  TYPO3-UG-Dutch mailing list
  TYPO3-UG-Dutch at lists.netfielders.de
  http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch


More information about the TYPO3-UG-Dutch mailing list