- visTab - Reiterunterteilung
- Funktion visTab()
- Parameter
- id
- selected
- class
- style
- Funktion visTabPage()
- Parameter
- id
- caption
- img
- onactivate
- disabled
- style
- Beispiel
- Funktion visTab()
- Parameter
- id
- selected
- class
- style
- Funktion visTabPage()
- Parameter
- id
- caption
- img
- onactivate
- disabled
- style
- Beispiel
Mit visTab() ist es möglich, eine Seite mit Reitern in verschiedene Unterseiten zu unterteilen.
Es können auch innerhalb von tab-Seiten weitere tab-Controls definiert werden. Bei der Verschachtelung muss aber die integrität der HTML-Struktur sichergestellt werden, da sonst unvorhersehbares dargestellt wird.
visTab() wird zum Beginn des Tab-Controls mit Parametern und zum Abschluss ohne diese aufgerufen.
Im Dokument eindeutiger Bezeichner des Tab-Elements.
Die Angabe von id ist zwingend erforderlich.
Mit dem Attribut selected kann gezielt eine andere als die erste Seite per Voreinstellung geöffnet werden.
Der Wert von selected muss entweder die id der zu öffnenden Seite, oder deren fortlaufende Nummer (beginnend bei 1) enthalten.
Die Angabe von selected ist optional.
CSS-Klassenangaben
Die Angabe von class ist optional.
CSS-Inline-Angaben
Die Angabe von style ist optional.
Mit id wird der eindeutige Bezeichner für eine einzelne Seite festgelegt. Wird dieser Parameter nicht übergeben, so dient die fortlaufende Nummer der einzelnen Reiter als id.
Die Angabe von id ist optional, muss wenn gesetzt aber innerhalb des visTab()-Objekts eindeutig sein.
Die Beschriftung des Reiters wird mit dem Attribut caption festgelegt.
Die Angabe von caption ist optional.
Im Attribut img wird auf eine Grafikdatei verwiesen, welche im Tab links von der caption angezeigt wird. Die Größe der Grafik sollte 16x16 Pixel sein.
Die Angabe von img ist optional.
Mit dem Parameter onactivate kann eine JavaScript-Funktion angegeben werden, welche vom Browser ausgeführt werden soll, wenn der Anwender zur Reiterseite wechselt.
Dies kann z.B. dazu verwendet werden, gezielt Daten einer Tabelle, die auf der Seite angezeigt wird, nachzuladen.
Die Angabe von onactivate ist optional.
Wenn true, dann wird der Reiter angezeigt, kann aber nicht angewählt werden.
Die Angabe von disabled ist optional.
Mit dem style Attribut können die einzelnen Seite gezielt mit Inline-CSS formatiert werden.
Die Angabe von style ist optional.
Hier ein Beispiel für ein 3-Seitiges tab-Control.
visTab('id="tabControl" style="height:600px;width:800px;" selected="'+sSelectedTab+'"')
visTabPage('id="tabPgOne" caption="Page 1"')
</esp>
HTML Bereich auf der 1. Seite
<esp>
visTabPage('id="tabPgTwo" caption="Page 2" onactivate="onOpenPage2()"')
</esp>
HTML Bereich auf der 2. Seite
<esp>
visTabPage('id="tabPgThree" caption="Page 3" onactivate="onOpenPage3()"')
</esp>
HTML Bereich auf der 3. Seite
<esp>
visTab('')
esp:extensions:visuals:vistab, Rev. 12, Zuletzt geändert 2006-11-20 15:01, 904 Aufrufe