[TYPO3-UG Dutch] responsive menu
"HocomAdvies [ Wiechert Hooghwinkel
"HocomAdvies [ Wiechert Hooghwinkel
Sun Feb 8 15:51:43 CET 2015
Bedankt Benjamin,
Natuurlijk was dat de oplossing. Echt iets wat je zo over het hoofd ziet :) Heb het als volgt in de setup opgenomen:
page.footerData.300 = TEXT
page.footerData.300.value = <script>$(document).foundation();</script>
Nu staat het netjes onder aan de pagina na alle andere scripts. En voila het werkt. Kunnen we weer verder.
Met vriendelijke groeten,
Wiechert Hooghwinkel
> Op 8 feb. 2015, om 09:40 heeft Benjamin Serfhos <serfhos at rsm.nl> het volgende geschreven:
>
> 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
>
> _______________________________________________
> 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