| |
JavaScript-Menü 'Info-Box' (lili3.js)
[an error occurred while processing this directive]
Eine dynamische und teilweise zentral verwaltbare Linkliste mit Vorschau als ein illustriertes Navigationsmenü.
Die Link-Daten wie Verweisziele und Bildquellen des illustrierten Navigationsmenüs werden nicht in der HTML-Datei,
sondern in einem externen JavaScript festgelegt und dynamisch den Menü-Links zugewiesen,
ebenso werden die Eigenschaften des Anzeigebildes wie die Datenquelle und
eine mouse-sensitive JavaScript-Steuerung festgelegt.
Die "hart" codierten HTML-Verweise sind unbenannt. Sie werden aus dem Index der Seitenlinks ermittelt,
wodurch eine Positionierung, jeweils manuell in den JavaScript-Einstellungen der HTML-Datei einzustellen oder anzupassen ist
(z.B. bei Änderung der Anzahl der vorangestellten Links).
Zu den Verweiszielen können beispielsweise, neben den Bildern auch noch ein Zielfenster und diverse Begleit-Informationen angegeben werden.
|
 |
Die Info-Box kann einfach links und rechts des Inhalts angezeigt werden.
Als Verweisziele wurden die Datenquellen der Grafiken verwendet.
Die Option Zielfenster wirkt sich auf Links des ersten Menüs (oben rechts) und
auf die Bilder-Links beider Menüs aus. |
|
|
|
Ein Verweis der Info-Box (mit Platzhalter-URL) sieht, wie folgend aus:
<a href="../../../img/spcrtrnsp.gif"
onmouseover="showImg(dImg,0);
imgEvent(mEvent=1,imgName=dImg); "
onmouseout="imgEvent(mEvent=0,imgName=dImg); ">Seite 1</a>
Mouse-sensitive 'Info-Box'-Links (Event-Steuerung, JavaScript)
Beim Überfahren eines Menü-Verweises (onMouseover):
- Vorschau-Steuerung
showImg(linkNr=posUrl,imgName=dImg,imgNr=0):
- Ermitteln und Zuweisen der Link-/Location-Eigenschaften (href, target, title)
- Ermitteln und Zuweisen der Bild-Eigenschaften (Grafiken der Vorschau)
- Event-Steuerung
imgEvent(mEvent=1,imgName=dImg):
- Festlegen des auszufürenden Events (mEvent: 1 = onMouseover, 0 = onMouseout)
- Festlegen des betreffenden Zielobjekts (Anzeige-Bild referenzieren)
|
Die Angaben sind ohne Gewähr, jede Verwendung geschieht in eigener Verantwortung.
Eine kommerzielle Nutzung oder Publikation dieser
Dokumentation ist auch auszugsweise untersagt und muss vorgängig vereinbart werden.
Feedback und Anregungen sind erwünscht.
16. August 2003 ©
Design by ADD NAEF IT-Services, Zürich
| |
Fragen Sie uns,