[TYPO3-UG Dutch] responsive menu
Benjamin Serfhos
serfhos at rsm.nl
Sun Feb 8 09:40:06 CET 2015
Hi Wiechert,
Er is in je responsive menu helemaal niks mis. Je bent vergeten foundation
te initialiseren.
Als je in typoscript waarschijnlijk het volgende doet, zal het wel werken:
page.footerData.foundation =
<script>jQuery(document).foundation();</script>
Groet,
Benjamin Serfhos
On 06/02/15 21:00, ""HocomAdvies [ 🌷 Wiechert Hooghwinkel ]""
<info at hocom-advies.nl> wrote:
>Beste Jeroen,
>
>Ik had dat bestand al eerder in de template staan omdat ik dacht dat dat
>wellicht het probleem was. Maar het maakt niet echt uit geloof ik. Staat
>er nu weer in. In de “ontwerp” template werkt het menu wel. Zal nog even
>kijken of er verschil zit in de bron van de origineel en de Typo3 versie.
>
>Met vriendelijke groeten,
>
>Wiechert Hooghwinkel
>
>
>> Op 6 feb. 2015, om 19:45 heeft Jeroen Vermolen <j.p.vermolen at gmail.com>
>>het volgende geschreven:
>>
>> 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
>> _______________________________________________
>> 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
More information about the TYPO3-UG-Dutch
mailing list