HTML Bereichs-Layout

Dieses Kommando dient dazu eine ganze Seite oder einen Teilbereich einfach in fünf Bereiche aufzuteilen. Die Bereiche sind Norden, Süden, Westen, Osten und ein Zentrumsbereich:

Bis auf den Zentrumsbereich sind dabei alle Bereiche optional. Die einzelnen Bereiche können auf Wunsch vergrößerbar und schließbar sein und beliebiges HTM enthalten. Alternativ können die Bereiche als Div Element oder als I-Frame erstellt werden, im letzteren Fall wird eine URL angegeben, die den Inhalt des Bereichs enthält.

Das HTML Bereichs-Layout Kommando ist ein Blockkommando, das nur einen Parameter benötigt, den CSS Selektor des Elements, auf das das Layout angewandt werden soll. Will man eine ganze Seite mit dem Layout versehen, gibt man als Selektor am einfachsten den Wert body an, somit kann man sehr einfach ein ganzes Seitenlayout mit Kopf- Fuß und Menübereichen definieren. Ansonsten gibt man hier üblicherweise die ID eines Html Div Elementes an.

Unterhalb des Layout Kommandos werden die einzelnen Bereiche definiert, mindestens ein Zentrumsbereich und kein Bereich öfters ein mal.
Wird eine URl angegeben, wird automatisch ein HTML IFRAME Element erstellt, ansonsten ein HTML DIV Element. Beide können mit den üblichen HTML Standard Parametern versehen werden.
Nicht benötigte Bereiche können gelöscht werden.
Bis auf den Zentrumsbereich kann man die einzelnen Bereiche dabei mit den folgenden zusätzlichen Parametern konfigurieren:

Parameter:

  • URL: Wird eine URL angegeben, wird ein HTML IFRAME Element mit dieser URL als Inhaltsattribut (src) erstellt. Ansonsten wird nur ein normales DIV Element erstellt.
  • Vergrößerbar: Default=Ja, gibt an, ob der Bereich mit der Maus vergrößert/verkleinert werden kann.
  • Schließbar: Default=Ja, gibt an, ob der Bereich über den mittleren Button komplett geschlossen und wieder geöffnet werden kann.
  • Geschlossen: Default=Nein, gibt an ob der Bereich Initial geschlossen ist.
  • Überlappen: Default=Ja, wenn der Bereich geschlossen ist und auf den Abstandsbalken geklickt wird, soll dann der Bereich über den Zentrumsbereich aufgeklappt werden (überlappen). Wird der Bereich mit der Maus verlassen, klappt der Bereich wieder zu. Damit kann man den Bereich kurzfristig Überlappend zum Zentrumsbereich anzeigen, ohne den Zentrumsbereich zu verkleinern.
  • Größe: Die Größe des Bereichs in Pixeln, oder auto.
  • Min: Die minimale Größe des Bereichs in Pixeln.
  • Max: Die maximale Größe des Bereichs in Pixeln.
  • Abstand Auf: Der Abstand zwischen dem Bereich und dem Zentrumsbereich in Pixeln, wenn der Bereich auf ist.
  • Abstand Zu: Der Abstand zwischen dem Bereich und dem Zentrumsbereich in Pixeln, wenn der Bereich geschlossen ist.
  • Default-Tasten: Default=Ja, sollen mit den Strg-Pfeil Tasten die Bereiche geöffnet und geschlossen werden können?
  • Z-Index anheben: Default=Nein, Erhöht den Z-Index, wenn der Mauszeiger sich im Bereich befindet. Dadurch wird es ermöglicht, dass Popup-Elemente in diesem Bereich die Nachbarbereiche überlappen können. (Z.B. Menüs, Auswahlen oder Dialoge).