Wir wollen einen Menü-Punkt in einer Lightbox öffnen. Dazu brauchen wir entweder ein Plugin mit einer Lightbox oder verwenden einfach die mitgelieferte ModalBox,welche bereits ins Backend von Joomla 1.5 integriert ist.

Ich werde 3 Beispiele aufführen welche einmal die Verwendung der RokBox von RocketWerx, YOOeffects von YOOtools und die in Joomla integrierte ModalBox bei der Verwendung einer Lightbox in einem Menü-Item erklärt.

ModalBox

Als erstes müssen wir die ModalBox ins Frontend von Joomla integrieren um diese auch aufrufen zu können.
Folgenden Code (oder auch mehr, je nach Template) finden wir in der index.php ihres verwendeten Templates ganz am Anfang:

<?php
  // no direct access
  defined( '_JEXEC' ) or die( 'Restricted access' );
?>

  JHTML::_('behavior.modal');

<?php
  // no direct access
  defined( '_JEXEC' ) or die( 'Restricted access' );
  JHTML::_('behavior.modal');
?>

Um diese nun in einem Menüpunkt zu verwenden erstellen wir einen "externen Link" und fügen ins Feld "Link" die Web-Adresse ein.

<a href="www.schaffenskraft.info/index.php">
  <span>www.schaffenskraft.info</span>
</a>

Um nun das href="/..." schon vorab zu schließen, fügen wir hinter die Adresse direkt ein Gänsfüsschen ein und fügen class="modal" hinzu. Dann müssen wir noch rel="{handler: 'iframe', size: {x: 400, y: 400}} einfügen, diesmal aber ohne es zu schließen da Joomla selbst ja noch ein Gänsefüsschen hinzufügt um den regulären Link zu schließen.

So muss der Text dann aussehen welcher ins Feld "Link" eingefügt wird:

http://www.schaffenskraft.info/index.php" class="modal" rel="{handler: 'iframe', size: {x: 400, y: 400}}

Folgendes wird nun ausgegeben, wodurch wir schon einen Link haben welcher sich in der ModalBox öffnet:

<a href="www.schaffenskraft.info/index.php" class="modal" rel="{handler: 'iframe', size: {x: 400, y: 400}}">
  <span>www.schaffenskraft.info</span>
</a>

RokBox

In der RokBox funktioniert das ganze mit weniger Code. Folgendes muss ins Feld "Link":

http://www.schaffenskraft.info/index.php" rel="rokbox

YOOeffects

Mittels YOOeffects funktioniert es ebenso, nur mit einem anderen Wert. Folgendes muss ins Feld "Link":

http://www.schaffenskraft.info/index.php" rel="lightbox

Weitere Einstellungen, also Höhe und Breite der Boxen können auf den jeweiligen Dokumentations-Seiten der Hersteller der Plugins nachgelesen werden.