Komponente : Nachrichten Box

Die JSAction Nachrichten Box ist eine Komponente zur Anzeige von Informationen und Fehler. Diese Lösung ist eine weitaus elegantere Form einen User zu benachrichtigen als mit einem JavaScript alert.

Typen

Neben den JSAction Standard Nachrichten können auch eigene Nachrichten in der Box angezeigt werden. Dazu stehen folgende drei Typen zur Verfügung:

info
Allgemeine Informationen
warn
Warnungen
error
Fehlermeldungen

HTML Code

Die Message Box definiert man ganz einfach mit der folgender Zeile im HTML Code. JSAction erkennt die Box automatisch an der ID und erstellt daraus eine klappbare und scrollbare Nachrichten Box.

<div id="messages" class="hide"></div>

CSS

Das Erscheinungsbild der Message Box wird global über CSS Selektoren erledigt. Standardmässig werden Info Nachrichten in Grün, Warnungen in Orange und Fehlermeldungen in Rot angezeigt.

Für die korrekte Darstellung muss mindestens folgendes definiert werden:

  1. Alle Definitionen unter dem Punkt messages der globalen CSS Datei [2]
  2. Die folgenden zwei CSS Definitionen
*{margin:0; padding:0} .hide{display:none}

Beispiel

Die Message Box passt ihr Erscheinungsbild automatisch abhängig von der Anzahl der Nachrichten an. Bei mehreren Nachrichten wird eine Funktion zum Ausklappen und wenn nötig auch ein Scrollbalken eingeblendet.

Info
Einzelne Informations Nachricht
Warn
Mehrere Warnungen
Error
Viele Fehlermeldungen

Johannes Hammoud Komponente : Nachrichten Box 05.12.2009

I Coding : Community über Java Programmierung

Sprache Englisch+-

Java JSF JavaScript HTML CSS NetBeans GlassFish MySQL

Impressum

Besuche
5744552
Heute
121