Nach Update auf 2.8 öffnet sich keine Lightbox mehr

**dl1ely** · 22.02.2010, 08:47

Bei dir fehlt im Quelltext ein Stückchen Javascript.

Bei mir steht fast am Ende des Quellcodes

Code:

<script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></script> 
<script type="text/javascript"> 
<!--//--><![CDATA[//><!--
Mediabox.scanPage = function() {
  var links = $$("a").filter(function(el) {
    return el.rel && el.rel.test(/^lightbox/i);
  });
  $$(links).mediabox({/* Put custom options here */}, null, function(el) {
    var rel0 = this.rel.replace(/[[]|]/gi," ");
    var relsize = rel0.split(" ");
    return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
  });
};
window.addEvent("domready", Mediabox.scanPage);
//--><!]]>
</script>

Dieses Codestück wird bei mir in der Stelle im Template eingesetzt, wo

Code:

<?php echo $this->mootools; ?>

erscheint. Du musst "nurnoch" rausfinden, warum dieser JS-Schnippsel bei dir nicht erscheint, obwohl du die Zeile drin hast. Kannst du dein Seitentemplate mal zeigen?

Danke,
Stefan

EDIT: Das ist jetzt das JS für "MediaBox", für Slimbox wird aber was ähnliches eingetragen...

**c.adam** · 22.02.2010, 09:04

Hallo Stefan,

jetzt habe ich den Code auch drin - Lightbox funktioniert noch nicht.

Hier noch mein Template:

HTML-Code:

<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo $this->language; ?>">
<head>
<base href="<?php echo $this->base; ?>"></base>
<title><?php echo $this->pageTitle; ?> | <?php echo $this->mainTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<?php echo $this->stylesheets; ?>
<?php echo $this->head; ?>
</head>
<body class="left">
<div id="wrapper">
 <span class="header_title"><?php echo $this->pageTitle; ?></span>
  <div id="header">
    <?php echo $this->header; ?>
  </div>
  <div class="container">
    <div id="page">
       <div class="content"><?php echo $this->main; ?></div>
   </div>
    <div id="sidebar"> <?php echo $this->left; ?> </div>
  </div>
<div class="push"> </div>
</div>
<div id="footer"><?php echo $this->footer; ?></div>
<?php echo $this->mootools; ?>
</body>
</html>

**dl1ely** · 22.02.2010, 09:06

Jetzt hast du slimbox UND mediabox aktiviert, vielleicht hakt es daran. Nur Mut, wir kommen der Sache näher ;-).

EDIT: Jetzt fehlt wieder die Einbindung von mootools-core.js in deinem Header, die war gerade eben noch da...Die muss hardcodiert im Seitentemplate drinstehenbleiben, das wird von $this->mootols; nicht abgedeckt...

Stefan

**c.adam** · 22.02.2010, 09:23

So, jetzt habe ich alles so wie du es beschreibst. Leider noch kein Erfolg zu vermelden.

**dl1ely** · 22.02.2010, 09:29

Puuuh, harte Nuss...Ehrlich gesagt habe ich jetzt keine Idee mehr, ich sehe kein offensichtliches Problem, bzw. keinen Unterschied zu meinem (funktionierenden) Code. Als last try: Hast du mal Mediabox statt Slimbox ausprobiert?

Stefan

**c.adam** · 22.02.2010, 09:53

Hallo Stefan,

auch Mediabox bringt keine Lösung - habe es gerade mal kurz getestet.

Komische Geschichte - habe ich da beim manuellen Update möglicherweise etwas zerschossen? Ich überlege gerade, ob ich die Ordner /plugins/mediabox und /plugins/slimbox nochmal komplett drüberbügeln soll.

**dl1ely** · 22.02.2010, 10:24

Probiere das mal aus, da kann man ja nicht viel kaputtmachen. Ich weiß nicht, in wie weit es möglich ist, mit einem JS-Debugger o.ä. mal zu schauen, ob die Links überhaupt richtig erkannt werden...Im Chrome kann ich innerhalb der scanPage-Funktion keinen Breakpoint setzen. Habe da aber auch noch keine großen Erfahrungen gesammelt, ob das überhaupt geht, weil es ein Callback ist.

Aus meiner Sicht sind alle notwendigen Komponenten da:

mootools-core.js wird geladen
slimbox.css wird geladen
slimbox.js wird geladen
Die Links haben das rel="lightbox" Attribut
Du hast das Stück Javascript auf deiner Seite, was alle Links mit lightbox-Attribut durchgehen und "slimboxen" sollte

Checke auf jeden Fall mal deine Installation mit https://contao.org/den-live-server-k...tem-check-tool.

Stefan

**Thomas** · 22.02.2010, 10:42

Könnte es sein, dass im head noch ein Eintrag fehlt?

Ich habe 2 drin stehen:

Code:

<script type="text/javascript" src="plugins/mootools/mootools-core.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js"></script>

**c.adam** · 22.02.2010, 10:48

Hallo Thomas,

das war die Lösung: Der zweite Eintrag hatte gefehlt. Nun läuft die Lightbox wieder. Vielen Dank!

Fehlender Code:

HTML-Code:

<script type="text/javascript" src="plugins/mootools/mootools-more.js"></script>

Danke an Stefan für dein Durchhaltevermögen!

**dl1ely** · 22.02.2010, 11:23

Aha...Schön, dass es bei dir funktioniert, aber da muss es noch mehr "Randbedingungen" geben.

Auf meiner "Testseite" http://tl.gruen-weiss-aachen.de/news.html funktioniert slimbox nämlich mit den beiden dort gezeigten Bildern, obwohl NUR mootools-core.js eingebunden wird. Mediabox funktioniert auch...Kann sich jeder im Quelltext der Seite von überzeugen ;-)

Darum habe ich das fehlen dieses Skriptes als mögliche Ursache nämlich ausgeschlossen.

Aber gut, wenn es jetzt funktioniert...Trotzdem fürchte ich, dass das noch nicht die ganze Wahrheit ist :-).

Stefan

**pmmueller** · 22.02.2010, 16:45

Zitat von c.adam

Hat noch jemand eine Idee woran es liegen könnte? Beispiel-Link nach wie vor: http://www.mv-altenheim.de/index.php...enkapelle.html

Hast du noch was geändert? Ich habe auf deinen Link geklickt, dann auf das Bild links. Und jumtiwums, die Slimbox kommt. No problemo.

**dl1ely** · 22.02.2010, 16:47

Ja, er hat was geändert, und sein Problem ist jetzt gelöst.

Zitat von c.adam

das war die Lösung: Der zweite Eintrag hatte gefehlt. Nun läuft die Lightbox wieder. Vielen Dank!

Wobei seine Lösung für mich etwas rätselhaft ist, weil es bei mir auch ohne mootools-more.js geht, und ich das deshalb nicht im Verdacht hatte...

Stefan

**Thomas** · 22.02.2010, 16:55

@dl1ely
Hast Du diese noch bei Dir eingebunden?

Code:

<script type="text/javascript" src="plugins/mootools/mootools.js"></script>

Dann dürfte das die Rätsels Lösung sein.

**dl1ely** · 22.02.2010, 19:23

Hallo Thomas,

Nein, natürlich nicht. Diese Datei existiert nach dem Update ja nicht mehr. Ich hatte sie vorher fix im Template stehen, habe gemerkt, dass es nicht funktioniert, und die Dateien jetzt -core und -more heißen. habe die "alte" mootols.js im Template gegen mootools-core.js ausgetauscht. Ausgetauscht, nicht ergänzt ;-). Wie gesagt, im Quelltext von http://tl.gruen-weiss-aachen.de/news.html ist es zu sehen. Und slimbox/mediabox funktioniert.

Stefan

**Thomas** · 22.02.2010, 19:28

Hmmm, ich habe nach dem Update alle drei und das funktioniert scheinbar auch.

**dl1ely** · 22.02.2010, 19:30

Dann vermute ich, dass die mootools.js, die Du noch hast, von der 2.7.6 übrig hast, guck mal auf das Dateidatum. In meinem Download der 2.8.0 gibt es zumindest kein mootools.js mehr.

Stefan

**Thomas** · 22.02.2010, 19:34

I know.
Scheinbar stellt diese Datei noch andere Funktionen zur Verfügung, die so nicht mehr vorhanden sind.

Interessanter Weise habe ich auch 6 Möglichkeiten, MooTools in den Seitenlayouts zu aktivieren, die auch funktionieren.

Hier gibt es ein ähnliches Problem: https://community.contao.org/de/showthread.php?t=6664

**dragon** · 25.02.2010, 05:59

Guten Morgen,

nach dem Update auf 2.8.0. funktionierte bei mir die Lightbox in Galerien nicht. Bei einzelnen Bildern hat sie sich geöffnet, bei Galerien nicht.
Also ewig den Fehler gesucht, die ganzen guten Tips hier befolgt und jetzt stellt sich durch einen Zufall heraus, dass in der meta.txt die Raute entfernt werden muss damit irgendwo ein rel_lightbox greift

no comment...

Gruß, Jürgen

**dragon** · 25.02.2010, 18:08

Hallo,

das Problem mit der Lightbox ist doch noch nicht behoben, die Fehler für mich als Dau auch nicht nachvollziehbar.

wie oben beschrieben entfernte ich das # in der meta.txt danach funktionierte die Lightbox wieder in Galerien.
Danach kümmerte ich mich um die Fehler im Systemcheck:

Register globals On
Upload maximum filesize 2m

Durch

PHP-Code:


php_value upload_max_filesize 10M

php_value post_max_size 10M

und umbenennen der .htaccess.default in .htaccess zeigt mir der Systemcheck zwar 10M aber dafür funktioniert die Lightbox nicht mehr und alle Bilder öffnen sich in einem neuen Fenster. Desweiteren werden im Backend die kleinen Tooltips nicht mehr angezeigt. Auch das funktioniert dann wieder bei der Umbenennung der .htaccess in .htaccess
Habe keine Ahnung von Js, deswegen bin ich völlig ratlos...

Ich weiß nicht ob es was damit zu tun hat, aber irgendwann fehlte dann auch das extension repository im Backend und lies sich erst durch ein Backup wieder zurückholen

edit: Wollte mir eigentlich die lightbox4ward nochmal installieren, bin jetzt aber verunsichert ob das nicht neue probleme bringt

Gruß, Jürgen

**MacKP** · 25.02.2010, 18:24

Hallo dragon,
wenn du die .htaccess benutzt und es dann zu solchen Problemen kommt, dann stimmt anscheinend die Base in der .htaccess nicht und du hast typolight in einem Unterordner installiert. Also muss du in der .htaccess das so machen:

Code:

RewriteBase /unterordner/

Viele Grüße

**dragon** · 25.02.2010, 18:44

Mensch Meier, das wars! Jetzt funktionieren die Boxen. Ich danke Dir!

Gruß, Jürgen

**MacKP** · 25.02.2010, 18:49

Hallo dragon,
kein Problem. Hättest aber auch schneller selber herausfinden können mit der Suche ;-)

Viele Grüße

**dragon** · 25.02.2010, 19:33

Hallo MacKP,

ich bemühe immer erst die Suche, nur manchmal fällt es mir schwer die Zusammenhänge zu verstehen und auf die richtigen Threads zu stoßen

Viele Grüße,
jürgen

***Nina*** · 04.03.2010, 15:21

Ich habe die Beiträge von andi-bar jetzt mal aus den anderen Threads rausgenommen (dort gehörten sie nicht hin) und einen eigenen Thread dafür gemacht.