[TYPO3-UG Dutch] responsive menu

[Jeroen Vermolen]

Hoi Wiechert,

Wat ik zie:

- Als ik op de 'hamburger' klik komt er boven in de menubalk een hashtag 
(#) te staan.
- Er ontstaan geen console errors wanneer er wordt geklikt of op 
document load.
- Je include 1 jQuery library
- Foundation lijkt gewoon te worden geïnitialiseerd

Zou je onderaan in de footer rechtstreeks het foundation.topbar.js 
bestand kunnen includen?

*Met vriendelijke groet,*

Jeroen Vermolen
Stationsstraat 49
6001 CJ Weert
The Netherlands

06-42909220
j.p.vermolen at gmail.com <mailto:j.p.vermolen at gmail.com>
"HocomAdvies [ 🌷 Wiechert Hooghwinkel ]" schreef op 6-2-2015 om 19:18:
> Jeroen,
>
> Ja de viewport staat er in. Kijken kan altijd www.webchecked.nl <http://www.webchecked.nl/> tijdelijk even toegankelijk gemaakt.
> Ben benieuwd, ik kom er zelf even niet achter wat er fout gaat. Zou in de css kunnen zitten maar ik zie het even niet :)
>
> Groet,
>
> Wiechert Hooghwinkel
>> Op 6 feb. 2015, om 19:05 heeft Jeroen Vermolen <j.p.vermolen at gmail.com> het volgende geschreven:
>>
>> Hoi Wiechert,
>>
>> Ik heb ook al vaker een top-bar menu van foundation in TYPO3 gebruikt.
>>
>> Ik zelf zie zo geen fouten in je code, heb je wellicht een link van de site
>> voor me, zodat ik eens een kijkje kan nemen in de broncode en je wellicht
>> vanuit daar verder kan helpen?
>>
>> Heb je overigens ook de meta viewport ingeschakeld? Code zou moeten zijn:
>>
>> page.meta.viewport = width=device-width, initial-scale=1
>>
>> Met vriendelijke groet,
>>
>> Jeroen Vermolen
>> Verzonden via mobiel
>> Op 6 feb. 2015 18:44 schreef HocomAdvies [ 🌷 Wiechert Hooghwinkel ] <
>> info at hocom-advies.nl>:
>>
>>> Jacco bedankt voor de hint, had al wel een vaag vermoeden dat het daar wel
>>> eens aan kon liggen. Nog maar even verder puzzelen met een lib.mobileMenu
>>> dan denk ik? Dat tweede menu is bij een “aside-menu” zoals de zurb site
>>> heeft op zichzelf wel logisch. Maar bij mijn menu is er alleen een top-bar
>>> menu? Dan lijkt me een tweede TS menu toch niet nodig?
>>>
>>> Groet,
>>> Wiechert
>>>
>>>
>>>
>>>
>>>
>>>> Op 6 feb. 2015, om 10:44 heeft Jacco van der Post <
>>> jacco at id-internetservices.com> het volgende geschreven:
>>>> Hoi Wiechert,
>>>>
>>>> Foundation 5 is cool, maar werkt helaas niet zoals Bootstrap dat je maar
>>> 1 keer een menu moet aanmaken. Kijk maar in de source van
>>> http://foundation.zurb.com/
>>>> Je zult dus 2 keer een menu moeten aanmaken. Ik heb hier wel een TS
>>> voorbeeld van, echter dat kun je denk ik zelf ook wel.
>>>> Iets anders : we organiseren binnenkort weer een zeer leerzaam TYPO3camp
>>> in Venlo, nieuws hierover volgt nog!
>>>> groet Jacco
>>>>
>>>> "HocomAdvies [ 🌷 Wiechert Hooghwinkel ]" schreef op 5-2-2015 om 11:42:
>>>>> Hallo,
>>>>>
>>>>> In een fluid site, die met Foundation 5 gemaakt wordt werkt de
>>> responsive menu niet zoals verwacht. De template werkt buiten Typo3 zoals
>>> het hoort maar als alles in typo3 6.2 staat dan werkt het menu niet meer
>>> als het scherm kleiner wordt en de “hamburger” zichtbaar wordt (het
>>> responsive deel). Het kan aan de TS voor het menu liggen? Waarschijnlijk
>>> vergeet ik iets wat de “hamburger” werkzaam maakt :)
>>>>> De gebruikte TS:
>>>>>
>>>>> lib.mainmenu = HMENU
>>>>> lib.mainmenu{
>>>>>   entryLevel = 0
>>>>>   1 = TMENU
>>>>>   1{
>>>>>     wrap = <ul class="right"> | </ul>
>>>>>     noBlur = 1
>>>>>     NO = 1
>>>>>     NO {
>>>>>       wrapItemAndSub = <li> | </li>
>>>>>       stdWrap.htmlSpecialChars = 1
>>>>>       ATagTitle.field = title
>>>>>     }
>>>>>     ACT <.NO
>>>>>     ACT{
>>>>>       wrapItemAndSub = <li class="active">|</li>
>>>>>     }
>>>>>   }
>>>>> }
>>>>>
>>>>> Stukje html voor het menu deel:
>>>>>
>>>>>   <!-- Nav Section -->
>>>>> <nav class="top-bar" data-topbar="" role="navigation">
>>>>>         <ul class="title-area">
>>>>>           <li class="name">
>>>>>             <!-- Site home link - Usually name of your site -->
>>>>>             <h2><a href="#">{siteName}</a></h2>
>>>>>           </li>
>>>>>           <li class="toggle-topbar menu-icon"><a
>>> href="#"><span>Menu</span></a></li>
>>>>>         </ul>
>>>>>
>>>>>         <section class="top-bar-section" style="left: 0%;">
>>>>>           <f:cObject typoscriptObjectPath="lib.mainmenu" />
>>>>>         </section>
>>>>>       </nav>
>>>>>
>>>>> Iemand een suggestie om dit goed te krijgen? Bedankt.
>>>>>
>>>>> Met vriendelijke groeten,
>>>>> HocomAdvies
>>>>>
>>>>>
>>>>> Wiechert Hooghwinkel
>>>>>
>>>>>
>>>>>
>>>>>
>>>>
>>>> --
>>>> Kind Regards
>>>>
>>>> Jacco van der Post
>>>> _______________________________________________
>>>> TYPO3-UG-Dutch mailing list
>>>> TYPO3-UG-Dutch at lists.typo3.org
>>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch
>>> _______________________________________________
>>> TYPO3-UG-Dutch mailing list
>>> TYPO3-UG-Dutch at lists.typo3.org
>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch
>> _______________________________________________
>> TYPO3-UG-Dutch mailing list
>> TYPO3-UG-Dutch at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch
> _______________________________________________
> TYPO3-UG-Dutch mailing list
> TYPO3-UG-Dutch at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-dutch



---
Dit e-mailbericht is gecontroleerd op virussen met Avast antivirussoftware.
http://www.avast.com