Konfigurierbares Menu als Java-Applet

Ein Java-Applet, mit dem man auf einfachste Art und Weise ohne Java-Kenntnisse ein Menu horizontal, wie auch vertikal konfigurieren kann.

Beschreibung des Applets

Man kann mit dem obenstehendem Java-Applet auf einfachste Art und Weise ein Link-Menu konfigurieren. Es besitzt folgende Eigenschaften:

	Das Menu kann horizontal oder vertikal angelegt werden. Wird das Menu vertikal angelegt, so werden alle Buttonbreiten dem Breitesten Text angepasst
	Angabe der Positionierung und des Abstandes der Buttons im Applet
	Die Textgröße und der Stil können parametrisiert werden. Das Applet paßt die Umgebung automatisch an die gewählte Schrift an
	Die Text- und Hintergrundfarben können für 3 Statis eingestellt werden (Normal, MouseOver und Select). Die Hintergrundfarben können sogar durchsichtig sein. Zusätzlich kann ein X- und ein Y-Offset für jeden Status angegeben werden
	Eine Hintergrundfarbe sowie ein Hintergrundbild können dem Applet als Parameter mitgegeben werden
	Die Tooltips können ein, bzw. ausgeschaltet werden. Die Text- und Hintergrundfarbe können eingestellt werden

Man kann das Applet relativ einfach erweitern , damit auch Submenus unterstützt werden.
Achtung: Dieses Applet ist mit Java 1.1 geschrieben, es läuft also nur mit IE4.x und NS4.x

Der Applet-Tag

Um das Menu in das HTML-Dokument einzubinden, muß folgender AppletTag eingefügt werden:

<applet codebase = "." 

       code     = "com.salwender.JavaMenu.Menu.class" 
      
       name     = "Menu1" 

       width    = 480 

       height   = 40 

       hspace   = 0 

       vspace   = 0 

       align    = middle 

       archive  = "javamenu.jar"

      </applet>

Auf die Applet-Tag Beschreibung gehe ich hier nicht weiter ein, diese Beschreibung kann von anderen Quellen bezogen werden.

Parameterbeschreibungen

Um das Applet Ihren Anforderungen anzupassen, können folgende Parameter eingestellt werden.

Der Parameter BackGroundColor gibt die RGB-Hintergrundfarbe des Applets in hexidezimaler Darstellung. Ist der Parameter nicht vorhanden, so wird standardmässig die Farbe weiss als Hintergrundfarbe benutzt.

Der Parameter BackgroundImage gibt ein optionales Hintergrundbild an.

<param name = "OffsetX" value = "10">

      <param name = "OffsetY" value = "20">

Diese optionalen Parameter geben die Buttonpositionierung zum linken oberen Appletrand an. In diesem Beispiel wird der erste Button 10 Pixel vom linken Rand und 20 Pixel vom rechten Rand angezeigt.

<param name = "OverButtonOffsetX"   value 
      = "1">

      <param name = "OverButtonOffsetY"   value = "1">

      <param name = "SelectButtonOffsetX" value = "1">

      <param name = "SelectButtonOffsetY" value = "1">

Die optionalen Parameter geben die Position Buttons an. (Wenn er selektiert ist oder wenn sich die Maus über dem Button befindet). In diesem Beispiel verschiebt sich der Button beim Pressen und beim Rüberfahren um 1Pixel nach rechts und um einen Pixel nach links.

 <param name = "MenuFGNormalColor" value = "#ffff00">

      <param name = "MenuFGOverColor"   value = "#ff5500">

      <param name = "MenuFGSelectColor" value = "#aa0000">

      <param name = "MenuBGNormalColor" value = "#00ffff">

      <param name = "MenuBGOverColor"   value = "#0000ff">

      <param name = "MenuBGSelectColor" value = "#ff0000">

Diese optionalen Parameter geben die RGB-Farben in hexadezimaler Darstellung für den Vordergrund und für den Hintergrund in verschiedenen Zuständen (normal, mausüber, selektiert) an. Werden diese weggelassen, so wird der Button mit schwarzer Schrift und ohne Hintergrund dargestellt.

Dieser optionale Parameter gibt den Stil der Schriftart an. 0 = Normal, 1= fett 2 = kursiv. Ohne diesen Parameter wird der Stil normal gewählt.

Dieser optionale Parameter gibt die Sdhriftgrösse an. Ohne diesen Parameter wird die Schriftgrösse 15 gewählt.

Dieser Parameter gibt die Ausrichtung des Menus an. 0 = vertikal, 1 = horizontal. Bei einem vertikalen Menu wird die Breite der Buttons dem Breitesten angepasst, somit erscheinen alle Buttons als gleich breit.

Dieser Parameter gibt den Abstand der Buttons vertikal wie auch horizontal in Pixel an.

 <param name = "MenuItem1" value = "Menu 1;Tooltip 
      zu Menu 1;link1.html#absatz">

      <param name = "MenuItem2" value = "Menu 2;Tooltip zu Menu 2;link2.html">

      <param name = "MenuItem3" value = "Menu 3;Tooltip zu Menu 3;link3.html">

      <param name = "MenuItem4" value = "Menu 4;Tooltip zu Menu 4">

Diese Parameter geben die eigentlichen Menueinträge mit den dazugehörigen Links und Tooltips an. Es können beliebig viele Menueinträge vorgenommen werden, diese müssen nur aufwärts (beginnend mit MenuItem1) durchnummeriert werden. Jeder Menueintrag muss aus einem Anzeigetext, einem Tooltip und einem optionalen Link bestehen. Diese sind durch ein Semikolon zu trennen.

Zu den Links sollte auch ein Ziel angegeben werden. Genauere Dokumentenation zum target siehe HTML-Dokumentationen SelfHTML.

 <param name = "TooltipEnabled"   value 
      = "0">

      <param name = "TooltipFGColor"   value = "#000000">

      <param name = "TooltipBGColor"   value = "#aaaaaa">

      <param name = "TooltipFontStyle" value = "0">

      <param name = "TooltipFontSize"  value = "10">

Wurde ein Tooltip in den MenuItemX-Parametern definiert, so wird dieser in der Statuszeile angezeigt. Weiterhin kann optional ein Tooltip direkt beim Button angezeigt werden. Der Parameter TooltipEnabled definiert, ob der Tooltip beim MenuItem eingeschaltet sein soll oder nicht (0=aus, 1=ein).
Die anderen Parameter geben die Farben, den Stil und die Größe des Tooltips an. Werden diese Parameter weggelassen, so wird der Tooltip mit schwarzer Schrift Grösse 10 auf grauem Hintergrund angezeigt.

Beispiele

		Folgende Eigenschaften wurden eingestellt
		Vertikales Menu
		durchsichtiger Hintergründe der Buttons
		bei MouseOver und beim Selektieren verschiebt sich der Button um 5Pixel nach rechts
		Tooltips ausgeschaltet

		Folgende Eigenschaften wurden eingestellt
		Vertikales Menu
		Farbige Texte und Hintergründe der Buttons für die drei Zustände (Normal, MouseOver, Select)
		Tooltips ausgeschaltet


Folgende Eigenschaften wurden eingestellt
	Horizontales Menu
	Farbige Texte und Hintergründe der Buttons für die drei Zustände (Normal, MouseOver, Select)
	Tooltips ausgeschaltet