Post Format

overlib.js – zusätzliche Beschreibung bei Hyperlinks

Ich habe vor einigen Monaten eine Möglichkeit gesucht, dem Besucher weitere Informationen über Links auf meiner Seite zu geben. Dabei bin ich über ein Javascript gestolpert, dass genau das unterstützt. Die Seite wo ich es gefunden habe nennt sich www.bosrup.com. Auf dieser Seite findet ihr ein Script mit Namen overlib. Dieses Script müsst ihr herunter laden. Die Datei ist als zip – Datei gepackt. Ihr müsst sie also zuerst einmal mit einem dieser Tools (Winzip, Winrar oder Z-Zip) entpacken. Wenn das erledigt ist, dann seht ihr folgende Ordner Struktur:

Mini
makemini.pl
overlib.js
overlib_anchor.js
overlib_centerpopup.js
overlib_crossframe.js
overlib_cssstyle.js
overlib_debug.js
overlib_exclusive.js
overlib_followscroll.js
overlib_hideform.js
overlib_setonoff.js
overlib_shadow.js

Ich habe die Datei overlib.js in mein Hauptverzeichnis (/phpkit/) hochgeladen mittels FTP – Client. Danach habe ich den folgenden Code in das template “site” direkt vor dem – Zeichen kopiert:

<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>

Danach habe ich auch in dem “site” – template direkt hinter den Tag gesetzt den folgenden Code kopiert.

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;&#8221;>

So damit der Link aber weiß was er zu tun hat, muss er den folgenden Code erhalten:

<xmp>CAPTION,&#8217;$cat_name&#8217;, CENTER);&#8221; onmouseout=&#8221;return nd();&#8221;><b>$cat_name</b>

Hierbei habe ich den Link so versorgt, dass er als Überschrift den Kategorienamen ausgibt (Variable: $cat_name) und als Beschreibung die Beschreibung, die man in der Administartion hinterlegen kann für die einzelnen Kategorien (Variable: $contentcat_description).

Allerdings muß ich für die Navigationsleiste (Startseite, News, Forum, Gästebuch, Artikel, usw.) eine kleine List anwenden. Ich habe in der Administration unter “Navigation” -> “Links verwalten” z.B. den Startseiten Link folgendermassen aufgebaut:

Linkname:

Startseite

URL:
habe ich leer gelassen.

Somit solltet ihr wenn ihr über die Kategorien mit der Maus fahrt, den Kategoriename als Überschrift sehen und die Beschreibung der Kategorie darunter. Wenn ihr das gleiche bei dem Link zur Startseite macht sollte ein Kästchen ohne Überschrift erscheinen, indem steht “Hier findet ihr die Startseite”.

Wie bei allen meinen Artikeln übernehme ich keine Haftung. Außerdem habe ich im Forum unter “Artikel” ein neues Thema mit dem Namen “overlib.js – zusätzliche Beschreibung bei Hyperlinks” eröffnet, wo Fragen gestellt werden können. Viel Spaß mit dem Script!

alternative Artikel
  • alter IPod – neuer Rechner und Senuti oder warum es Beschreibungen zu Programmen gibt
  • Der Blogday am 31.August – ich mache mit
  • Aufbau von Kommentare, Trackbacks und Pingbacks angepasst
  • Leave a Reply

    Required fields are marked *.

    *