dk_mmenu Probleme beim Aufruf auf der Startseite

**Richy** · 04.02.2015, 18:37

Hallo zusammen,

ich habe folgendes Problem:

Das dk_mmenu lässt sich nach einem Update auf auf Version 1.5.1 nicht mehr auf der Startseite aufrufen.
Auf allen anderen Seiten funktioniert es bestens.
Ich habe festgestellt, sobald eine Seite einen eindeutigen Seitenalias zugewiesen bekommt, funktioniert das Menü.
Wenn ich aber nun der Startseite (Home) den Seitenalias index.html vergebe, funktioniert das Menü seit Update auf Version 1.5.1 nicht mehr.
Bis dk_mmenu Version 1.5.0 hat dies bestens funktioniert.
An Contao selbst kann es nicht liegen, habe es in verschiedenen Versionen durchgetestet.

www.meineseite.de > Menü funktioniert nicht

www.meineseite.de/home.html > Menü funktioniert

Vielen Dank für euer Feedback!
Ricardo

**Monique Hahnefeld** · 05.02.2015, 06:42

Hallo Richy,

reporte das am besten mal auf GitHub. Das hört sich nach einem Bug an.
https://github.com/BeSite/jQuery.mmenu/issues

Vergiss da nicht anzugeben welche Contao Version du nutzt

Ansonsten würde ich einfach wieder auf die 1.5.0 downgraden bis der Bug behoben ist.

**Richy** · 05.02.2015, 16:26

Hi Monique,

ja so werd ich es machen.

Danke dir.

**Dirch** · 05.02.2015, 18:40

Es ist zumindest kein Fehler in der Erweiterung als solches. Der einzige Unterschied (in der Erweiterung) zur 1.5.0 ist ein Update auf die neueste mmenu-Version. Es gab auch keine neuen Parameter, so dass es wohl eher etwas im geänderten mmenu ist.

**Stefan01** · 16.03.2015, 08:29

Hallo liebe Community,

klinke mich jetzt doch auch mal in diesen thread ein:

Meine Seite läuft mit Version 3.4.4; vor einigen Tagen habe ich am Layout einige Änderungen gemacht. Dazu habe ich ein zweites Theme erstellt. Meine Seiten habe ich alle dupliziert um die Arbeiten vor Website-Besuchern zu verbergen. Das hat alles wunderbar funktioniert, bis auf das dk_mmenu. Bis jetzt hatte ich keine Schwierigkeiten mit dieser Extension.

Das Problem ist wie bereits beschrieben, sobald ich den Link anklicke wird die "alte" Startseite aufgerufen und das eigentliche Menü slidet nicht rein. Bei dem alten Seitenlayout funktioniert das Menü aber ohne Probleme. Was mir auch noch aufgefallen ist, beim alten Layout sind die Menü-Elemente direkt nach dem <body> tag zu finden, .mm-page enthält dann auch den wrapper mit allen weiteren Elementen, während bei dem neuen Layout das Menü-Element im <header> liegt. Ich habe für beide Bereiche aber kein eigenes Seitenlayout angelegt.

Hier mal zwei Screenshots vom Quellcode:

screenshot1.jpg
screenshot2.jpg

Ich habe auch den Rat von Monique befolgt und ein downgrade auf Version 1.5.0 gemacht, leider ohne Erfolg. In einem anderen thread habe ich auch gelesen, dass die aktuelle jQuery Version evtl. Probleme beim mmenu hervorruft. Im alten Seitenlayout wird jQuery lokal geladen, während im aktualisierten Layout laden über CDN mit lokalem fallback ausgewählt ist.

Überlege gerade ernsthaft, ob ich nicht lieber ein ähnliches Menü integriere, was rein mit CSS gesteuert wird und so komplett auf JS verzichte.

Bin wie immer sehr dankbar für Eure Hilfe. Wünsche Euch einen guten Start in die neue Woche.

Viele Grüße

Stefan

**Spooky** · 16.03.2015, 09:54

Zitat von Stefan01

Hier mal zwei Screenshots vom Quellcode:

screenshot1.jpg
screenshot2.jpg

Beim zweiten Screenshot sieht es so aus, als würde das JavaScript für dk_mmenu gar nicht ausgeführt werden. In der Konsole unten sieht man eben auch einen "Uncaught TypeError".

@Richy: ein Link würde helfen. Deiner Beschreibung nach hört es sich ebenfalls nach einem JavaScript Problem an.

**Stefan01** · 16.03.2015, 10:18

Hallo Spooky,

herzlichen Dank für die schnelle Antwort!

Was mir auch noch aufgefallen ist, dass sich beim alten Layout die Bilder alle wie gewohnt über das jQuery Template j_colorbox öffnen lassen; beim neuen Layout wird bei "Großansicht/Neues Fenster" das Bild einfach nur in Originalgröße im Browserfenster dargestellt.

Ich habe jetzt einfach mal im footer-Bereich eine Zusatznavigation eingebaut da es sich um eine produktive Website handelt. Hätte das besser auf einem lokalen Server anpassen sollen und anschließend hochladen.

**Spooky** · 16.03.2015, 10:27

Zitat von Stefan01

Was mir auch noch aufgefallen ist, dass sich beim alten Layout die Bilder alle wie gewohnt über das jQuery Template j_mediaelement öffnen lassen; beim neuen Layout wird bei "Großansicht/Neues Fenster" das Bild einfach nur in Originalgröße im Browserfenster dargestellt.

Auch wegen des JavaScript Fehlers

.

Wenn du einen Link zur Seite hättest, wo deine Layout Umstellung nun implementiert ist, kann man dir genau sagen wo der Fehler liegt.

**Stefan01** · 16.03.2015, 10:31

Zitat von Spooky

Auch wegen des JavaScript Fehlers

.

Wenn du einen Link zur Seite hättest, wo deine Layout Umstellung nun implementiert ist, kann man dir genau sagen wo der Fehler liegt.

In meinem ersten Beitrag sind zwei Links (vielleicht etwas im Text versteckt), der erste Link führt zur aktuellen Version der zweite zur alten Variante.

**Spooky** · 16.03.2015, 10:37

Zitat von Stefan01

In meinem ersten Beitrag sind zwei Links (vielleicht etwas im Text versteckt), der erste Link führt zur aktuellen Version der zweite zur alten Variante.

Ah ok, ja, hatte ich übersehen.

Das Problem liegt an diesem JavaScript, welches im <head> eingebunden wird (bspw. auf der Seite "Leistungen"):

PHP-Code:


<script type="text/javascript">$(document).ready(function(){p1=$("#text_container p:first");p=p1[0].textContent.replace(/^\s+/,"").replace(/^"/,"").replace(/^'/,"");c=p.charAt(0);p1.html('<span class="dropcap_'

+ c.toLowerCase()

+ '">'

+ c

+ '</span>'

+ p.substring(1,p.length));p2=$("#text_container2 p:first");p=p2[0].textContent.replace(/^\s+/,"").replace(/^"/,"").replace(/^'/,"");c=p.charAt(0);p2.html('<span class="dropcap_'

+ c.toLowerCase()

+ '">'

+ c

+ '</span>'

+ p.substring(1,p.length));p3=$("#text_container3 p:first");p=p3[0].textContent.replace(/^\s+/,"").replace(/^"/,"").replace(/^'/,"");c=p.charAt(0);p3.html('<span class="dropcap_'

+ c.toLowerCase()

+ '">'

+ c

+ '</span>'

+ p.substring(1,p.length));});</script>

bzw. genauer gesagt: das Problem ist, dass auf der Seite Leistungen dieses JavaScript eingebunden wird, es aber kein HTML Element mit der id text_container gibt. Dadurch kommt es zu einem Fehler im JavaScript, wodurch auch kein weiteres JavaScript mehr ausgeführt wird (wie zB das von mmenu etc.).

**Stefan01** · 16.03.2015, 10:50

Zitat von Spooky

das Problem ist, dass auf der Seite Leistungen dieses JavaScript eingebunden wird, es aber kein HTML Element mit der id text_container gibt. Dadurch kommt es zu einem Fehler im JavaScript, wodurch auch kein weiteres JavaScript mehr ausgeführt wird (wie zB das von mmenu etc.).

Dann müssten die Elemente #text_container eben alle durch .ce_text ersetzt werden, oder sehe ich das falsch?

Nein, hat auch nichts gebracht.....habe das gerade getestet.

PHP-Code:


<script type="text/javascript">
$(document).ready(function(){
p1= $(".ce_text p:first");
p= p1[0].textContent.replace(/^\s+/, "").replace(/^"/, "").replace(/^'/, "");
c= p.charAt(0);
p1.html('<span class="dropcap_'
+ c.toLowerCase()
+ '" >'
+ c
+ '</span>'
+ p.substring(1, p.length));
</script>

Selbst wenn ich das Script komplett rausnehme funktioniert das Menü nicht, aber wenigstens funktioniert dann j_colorbox.

Das Script ist wegen den Initialen im Text. Habe da ein bisschen recherchiert, da es mehrere Möglichkeiten gibt, aber scheinbar ist diese Variante am Sichersten.

http://www.smashingmagazine.com/2012...practices/#top

Hier die Vorlage: http://media.mediatemple.netdna-cdn....ss_jquery.html

Hatte auch schon überlegt die Initialen nur über CSS zu erstellen, aber wegen der extrem abweichenden und katastrophalen Darstellung in den verschiedenen Browsern für die JS Variante entschieden.

**Spooky** · 16.03.2015, 11:37

Achso. Ich hab's dir mal etwas umgeschrieben: http://jsfiddle.net/7qhu8uer/1/

**Spooky** · 16.03.2015, 11:45

Zitat von Stefan01

Selbst wenn ich das Script komplett rausnehme funktioniert das Menü nicht, aber wenigstens funktioniert dann j_colorbox.

Ja, weil auf der Seite "Leistungen" bspw. gar kein Navigationsmenü ausgegeben wird.

**Stefan01** · 16.03.2015, 11:54

Zitat von Spooky

Ja, weil auf der Seite "Leistungen" bspw. gar kein Navigationsmenü ausgegeben wird.

Vielen Dank, habe Dein Script mal so übernommen! Ich habe jetzt bei den drei Seitenlayouts (Kontakt, Referenzen, Standard) das Script im header Bereich aktualisiert, Scriptcache geleert aber trotz allem funktioniert das Menü nicht wirklich.

Bei der Seite "Leistungen" ist wie bei den anderen Seiten (bis auf Kontakt und Referenzen) das Standard Layout angegeben. Stehe gerade etwas auf der Leitung.

**Spooky** · 16.03.2015, 12:03

Es ist in der Tat ein wenig seltsam. Auf der Seite "Leistungen" wird zwar das JavaScript von mmenu ausgegeben - aber das Navigationsmenü selbst nicht (also es fehlt das <nav> komplett im Source).

Hast du auf der Starsteite und bspw. der Seite "Leistungen" wirklich das selbe Seitenlayout ausgewählt? Denn das Layout unterscheidet sich grundsätzlich. Auf der Startseite ist die Website Überschrift zB so definiert:

PHP-Code:


<hgroup>

    <h1>Stefan Kowalski</h1>

    <h2>Mediendesign</h2>

</hgroup>

Auf der Seite Leistungen jedoch einfach so:

PHP-Code:


<h1>Stefan Kowalski</h1>

<h2>Mediendesign</h2>

**Stefan01** · 16.03.2015, 13:12

Zitat von Spooky

Hast du auf der Starsteite und bspw. der Seite "Leistungen" wirklich das selbe Seitenlayout ausgewählt? Denn das Layout unterscheidet sich grundsätzlich. Auf der Startseite ist die Website Überschrift zB so definiert:

PHP-Code:


<hgroup>
    <h1>Stefan Kowalski</h1>
    <h2>Mediendesign</h2>
</hgroup>

Auf der Seite Leistungen jedoch einfach so:

PHP-Code:


<h1>Stefan Kowalski</h1>
<h2>Mediendesign</h2>

Ich vermute, Du hast als Startseite die alte Startseite aufgerufen. Das Element <hgroup> habe ich im neuen Layout entfernt, weil das kein sauberes Code-Element ist.

Die alte Startseite:

http://stefan-kowalski.com/#menu (da kommt man auch hin wenn man versucht das mmenu aufzurufen)

Die neue Startseite bzw. Leistungen:

http://stefan-kowalski.com/startseite.html

http://stefan-kowalski.com/leistungen.html

Hier sind die Layouts absolut identisch, habe das wirklich alles geprüft denn aus Erfahrung schleichen sich da wirklich gerne Fehler ein

. Die Navigation im footer Bereich funktioniert absolut richtig.

**Spooky** · 16.03.2015, 13:25

Ah, ja da hatte ich die alte Startseite aufgerufen. Ja irgendwie ist da ein komischer Fehler. Aus irgendeinem Grund gibt dein dk_mmenu Navigationsmodul keinen HTML Code aus, nur das JavaScript. Das müsste man sich in deiner Installation genauer ansehen.

**Stefan01** · 16.03.2015, 13:29

Zitat von Spooky

Ah, ja da hatte ich die alte Startseite aufgerufen. Ja irgendwie ist da ein komischer Fehler. Aus irgendeinem Grund gibt dein dk_mmenu Navigationsmodul keinen HTML Code aus, nur das JavaScript. Das müsste man sich in deiner Installation genauer ansehen.

Kann Dir gerne einen Admin Zugang einrichten

, natürlich nur wenn Du Zeit hast.

**Spooky** · 16.03.2015, 13:40

Admin + FTP wäre am besten

. Kann's mir vielleicht am Abend anschaun.

**Stefan01** · 16.03.2015, 13:46

Zitat von Spooky

Admin + FTP wäre am besten

. Kann's mir vielleicht am Abend anschaun.

Perfekt! Admin ist schon eingerichtet. FTP Zugang sende ich später in einer PN.

Vielen Dank!

**Stefan01** · 17.03.2015, 09:30

Erstmal ein großes Lob und Dankeschön an Spooky für seine Hilfe! Dieses Forum ist wirklich klasse!

Das Problem lag bei einem doppelt vorhandenen jQuery Script das im <head> Bereich über das Seitenlayout eingebunden wurde (wobei die lokale Variante auch noch veraltet war).