Zum Inhalt springen

overlib Funktion in HTML Content Element nutzen

Erstellt am 20. Mai 2003 · 2 Antworten · letzte Antwort am 22. Oktober 2003

Tags: Frage

Big Jerry ·

Hi Liste

habe mit einem HTML Content Element eine HTML Tabelle eingeschlossen, welche Informationen zu verschiedenen Anlässen enthält. Damit der Besucher direkt mehr über einen Anlass erfahren kann, wenn er mit der Mouse darauf fährt, möchte ich das ganze mit der overlib Extension lösen.

Hat jemand schon Erfahrung wie ich diese Einbinden kann, ohne direkt gross PHP Code zu schreiben. Vielleicht stellt mir auch jemand ein Beispiel zur Verfügung.

Besten Dank
Big Jerry #paralyzed#

saturn ·

ich bin ebeso auf der suche nach infos für diese extension.

ich kann sie zwar installieren aber dann finde ich die funktion nicht!

wie kann man die einsetzen?

wär super wenn da mal jemand seine erfahrungen schreiben würde!

danke!

Frank Herrlich ·

Na Moin!

Die Overlib Extension ist eigentlich nicht so schwer einzurichten.
Nachdem Ihr die Extension installiert habt schreibt ihr diese Zeile in euer Main-Template (bei mir ist das main.htm) an eine Stelle bevor der Seiteninhalt eingefügt wird:

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="typo3conf/ext/overlib/overlib.js">
<!-- overLIB (c) Erik Bosrup -->		
</script>

Den Pfad der overlib.js müsst ihr natürlich noch anpassen oder je nachdem so lassen!
Als nächstes müsst ihr euch von der Seite
http://www.bosrup.com/web/overlib/download.html
die "overLIB 3.51.zip" herunterladen! Die darin gepackten overlib.js und overlib_mini.js ersetzt ihr mit der eures installierten Templates!(typo3conf/ext/overlib/)
In der overlib.js könnt ihr Einstellung vornehmen oder ihr übergebt Sie wie bei dem unten genannten Beispiel wie Caption an diese Funktion! Das steht aber alles in der overlib.js falls ihr da nachschauen wollt!
Folgende Aufrufe sind nun möglich:
1. Ordinary Popup

<a href="javascript:void(0);" onmouseover="return overlib('This is an ordinary popup.');" onmouseout="return nd();">here</a>

2. Sticky Popup

<a href="javascript:void(0);" onmouseover="return overlib('This is what we call a sticky, since I stick around.', STICKY);" onmouseout="return nd();">here</a>

3. Clickable popups and commands

<a href="javascript:void(0);" onclick="return overlib('This is a sticky with a caption. And it is centered under the mouse!', STICKY, CAPTION, 'Sticky!', CENTER);" onmouseout="nd();">Click here!</a>

So nun müsste eigentlich alles bei euch funktionieren! Achso über das Setup-Template könnt ihr nun auch noch weitere Einstellungen vornhemen, das funktioniert bei mir allerdings auch noch nicht richtig:

/////////////TX_OVERLIB KONFIGURATION////////////////
plugin.tx_overlib.defaults{
ol_fgcolor=ffbb00
ol_bgcolor=2f318b
ol_closecolor = "#9999FF"
ol_textfont = "Arial"
ol_captionfont = "Arial"
ol_closefont = "Arial"
ol_close = "Schließen"
}
///////////////////////////////////////////////////////////////

Bei mir läuft alles, abgesehen davon dass im Linux Konqueror bei einem Sticky Popup die Close, sprich nd() - Function zu gut funktioniert. Sprich so, dass sich fast mein gesamter Seiteninhalt in Luft auflöst! #giggle#

Also frohes Schaffen[/url]