Mit visNavi kann man eine, der Explorer-Leiste nachempfundene, Navigation aufbauen.



Mit visNavi() werden einzelne Blöcke definiert, die sich wiederrum aus einer Anzahl Items, welche mit visNaviItem() beschrieben werden, zusammensetzen.

Eindeutiger Bezeichner des Blocks

Der Parameter id ist zwingend erforderlich

Mit dem Attribut title kann die Beschriftung des Blocks vorgenommen werden.

Der Parameter title ist optional.

Das Attribut state kann die Werte opened und closed annehmen. Damit wird bestimmt, ob der Block beim Öffnen der Seite geöffnet oder geschlossen dargestellt werden soll.

Der Parameter state ist optional.

Um die standardmäßig aktivierte, animierte Darstellung beim Öffnen und Schließen eines Blocks abzuschalten, kann hier false übergeben werden.
Der Block wechselt dann beim Doppelklicken der Titel-Leiste oder beim Anklicken des Öffnen/Schließen-Icons direkt in den jeweils anderen Zustand.

Der Parameter animate ist optional.

Um die standardmäßig aktivierte, animierte Darstellung des Blocks beim Darstellen der HTML-Seite zu unterbinden, kann hier false übergeben werden.
Der Block wird dann im gesetzten Zustand direkt angezeigt, die Animation wird unterbunden. Beim Wechsel des Zustands von offen zu geschlossen, wird dieser jedoch wieder animiert vollzogen, wenn nicht auch animate="false" gesetzt wurde.

Der Parameter animatedisplay ist optional.
Inline-Stylesheet-Definitionen können mit style eingerichtet werden.

Der Parameter style ist optional.

Um eine oder auch mehrere CSS-Klassen auf den Dialog anzuwenden, können diese mit class angegeben werden.

Der Parameter class ist optional.

---

Mit visNaviItem() werden die einzelnen Optionen innerhalb eines Navi-Blocks bestimmt.
Es wird grundsätzliche zwischen den Typen Link und Text unterschieden.


Kann entweder text oder link enhalten. Wird dieser Parameter nicht explizit angegeben, so ist text die Default-Auswahl.
Beim Typ link werden weitere Parameter für die URL, sowie den Zielbrowser ausgewertet.

Der Parameter type ist optional.

Dieser Parameter enthält den anzuzeigenden Text, egal ob ein Item vom Typ text oder link erzeugt wird. Hier können auch HTML-Tags verwendet werden.

Der Parameter text ist optional, sollte aber angegeben werden, da sonst ein leeres Element in der Liste erscheint.

Mit hint kann ein erläuternder Text übergeben werden, der beim Überfahren des Items als gelbes Hinweis-Fähnchen angezeigt wird.

Der Parameter hint ist optional.
In img kann die Referenz zu einer Grafik (16x16 Pixel) übergeben werden, die dann links vom Text abgebildet wird.

Der Parameter img ist optional.

Falls ein Item vom Typ link ausgegeben wird, kann hier die Verweis-URL übergeben werden. Diese kann eine vollständige URL zu einer anderen Seite oder eine Link innerhalb des Contexts sein.

Beispiel für Verweis innerhalb des Contexts

Die Angabe von href ist zwar optional, sollte aber explizit angegeben werden, da der Link sonst nicht funktioniert.

Mit target kann man bestimmen, in welcher Browser-Instanz die Adresse geöffnet werden soll. Der Parameter wird eins zu eins in den HTML-Link eingebaut.

Die Angabe von target ist optional

Inline-Stylesheet-Definitionen können mit style eingerichtet werden.

Der Parameter style ist optional.

Um eine oder auch mehrere CSS-Klassen auf den Dialog anzuwenden, können diese mit class angegeben werden.

Der Parameter class ist optional.