treemenü in ein FlyOut-Menü einbinden
Jörg
0 Felix Riesterer
0 Jörg
0 Felix Riesterer
0 Jörg
treemenü in ein FlyOut-Menü einbinden
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
-
Lieber Jörg,
es ist Dir noch nicht einmal wichtig, dass ich Deine Links als solche anklicken kann. Offensichtlich hast Du die Hinweise zum Formatieren Deines Beitrags übersehen, in denen eine Anleitung gestanden hätte, wie man hier Links anklickbar macht. Auch waren Dir wohl die Buttons oberhalb des Eingabebereichs Deines Postings egal, denn diese Buttons hätten Dir schon Manches an Formatierung abgenommen.
Nein, Dein JavaScript in ein Codepen zu klatschen genügt nicht. Die Seite, auf der Du das Problem hast, die musst Du in Gänze in das Codepen packen - oder eben auf einen Webspace verlinken, auf dem die Seite gehostet wird. Es ist klar, dass die Inhalte gerne durch Platzhalter-Inhalte ersetzt werden dürfen, wenn Du die tatsächliche Seite gerne nicht veröffentlichen willst.
Was Du in PHP wie inkludierst, interessiert mich nicht, weil Dein Problem ein clientseitiges (lies: im Browser befindliches) ist.
Liebe Grüße
Felix Riesterer
-
Hallo Felix,
das treemenü im Overlay mit dem Fehler in CodePen: https://codepen.io/J-rg-the-lessful/pen/ByBOLXY
()
Ich hoffe, dass Du damit arbeiten kannst.
Liebe Grüße, Jörg
-
-
-
