Links auf Boxenelemente

Oft kommt es vor, dass auf eine Box verlinkt werden soll, damit diese beim Seitenaufruf direkt angesprungen wird. Das kann z.B. ein aufklappbares Inhaltselement sein, welches geöffnet angezeigt wird, wenn es über einen speziellen Link aufgerufen wird.

Die Verlinkung kann entweder über einen externen oder einen internen Link realisiert werden. Im Normalfall genügt es, den internen Link zu benutzen.

Interner Link

Navigieren Sie im Linkdialog mithilfe des Dateibaums bis zum Boxenelement und wählen Sie es aus. Daraus resultiert ein Pfad der Form:

/xyz/de/projekte/_boxes/aufklappbox

Externer Link

Aus dem Pfad lässt sich auf einfache Weise die URL bilden. Wichtig ist dafür, dass der Webauftritt, die Seite auf der das Boxenelement liegt, und die Box selber freigegeben sind.

Die Box kann dann über folgende URL erreicht werden (die Adresse variiert je nach Anwendungsfall):

https://www.xyz.uni-hamburg.de/projekte/_boxes/aufklappbox

ID zum Zugriff auf eine Box nutzen

Eine letzte Möglichkeit ist die Verlinkung auf ein Boxenelement mithilfe von dessen ID. Die ID findet sich einerseits in FIONA im Eigenschaftsbereich und andererseits direkt im Quelltext.

ID in FIONA finden

Wählen Sie dafür eine Box im Dateibaum aus und wechseln Sie in die Detailansicht. Unter dem Reiter Administration findet sich dann die ID der Box.

Bei der Verlinkung auf eine Box übernimmt die ID die Funktion eines Ankers, der auf die Box zeigt, mit voreingestelltem "#" und "v-".

Der interne Link könnte also auch wie folgt aussehen: URL#v-BOXID

https://www.xyz.uni-hamburg.de/projekte.html#v-2623760

ID im Quelltext finden

Wenn Sie ein Boxenelement verlinken wollen, aber keinen Zugriff darauf in FIONA haben, müssen Sie die ID über den Source Code herausfinden.

Öffnen Sie dazu die Seite mit dem Boxenelement im Browser. Klicken Sie mit der rechten Maustaste auf die Box. Im Kontextmenü wählen Sie nun „Element untersuchen“ (Firefox)/„Untersuchen“ (Chrome und Edge). In einem neuen Fenster öffnen sich die Entwicklerwerkzeuge des Browsers. Dort finden Sie im äußersten <div>-Element die ID der Box (im Beispiel unten 1691958). Der Link auf die Box lautet dann:

https://www.xyz.uni-hamburg.de/projekte.html#v-1691958