treemenü in ein FlyOut-Menü einbinden
Jörg
- javascript
0 Felix Riesterer0 Jörg
Hallo,
ich habe eine (private, nicht-kommerzielle) "webpräsentation" gebastelt, die mit einem "treemenü" mehrere Katekorien und Unterkategorien anzeigt und öffnet. Das funktioniert prima. Aus Platzgründen bei einer mobilen Ansicht wollte ich jetzt ein "FlyOut-Menü" nutzen. Das Script hier aus selfhtml funktioniert auch prima, wenn ich die normale Menüauflistung nutze. Dann habe ich mein treemenü in das FlyOut-Menü eingebunden und habe jetzt folgende Probleme: Beim Öffnen des FlyOut-Menü ist das Treemenü komplett geöffnet. Die Funktion Unterkategorien zu öffnen und zu schließen funktioniert nicht (die links funktionieren). Ich könnte mir denken, daß es daran liegt, daß ich nicht zwei "ähnliche" Java-Scripte zusammen benutzen kann?! Ich bin ein experimentierfreudiger Laie, Java schreiben kann ich nicht. Gibt es eine Lösung wie ich mein treemenü in ein Flyout-Menü packen kann? Ich wäre auch dankbar wenn mir gesagt wird, daß eine Verbindung zweier Menüs nicht geht- dann kann ich nach anderen Lösungen suchen. Ein screenshot vom (gekürzten) Code anbei. Schon mal Danke im Voraus wenn sich jemand des Problems annimmt!
Lieber Jörg,
ohne ein live-Beispiel kann ich Dir nicht helfen, da meine Glaskugel seit Jahren in Reparatur ist und ich so nicht in den Code Deiner JavaScripte hineinschauen kann.
Liebe Grüße
Felix Riesterer
Hallo Felix,
Danke, daß Sie sich mein Problem ansehen. Ich habe das Menü (wird über '<?php include ("menue-6.php"); ?>' in allen Seiten aufgerufen), die css-Datei (damit sie ein vernünftiges Bild haben) und die js-Datei für das Overlay-Menü auf 'Codepen' geladen: https://codepen.io/J-rg-the-lessful/pen/pvzZROW. Leider habe ich keine Möglichkeit gefunden die js-Datei für das treemenü zusätzlich zu laden. Das Ergebnis, wenn beide Scripte erreichbar sind, ist aber absolut identisch mit dem, was Sie jetzt auf Codepen sehen können. Das treemenue funktioniert nur in der gesamten Seite - ich weiß nicht, wie ich all die Einzelteile in Codepen laden kann (Aber wie schon geschrieben, funktioniert das treemenü alleine absolut fehlerfrei). Daher habe ich das treemenü-js noch einmal einzeln zur Ansicht in Codepen geladen: https://codepen.io/J-rg-the-lessful/pen/KwPBaEy Ich hoffe, das wäre dann ein live-Beispiel mit dem Sie etwas anfangen können. Liebe Grüße, Jörg