HTML (Javascript)-Steuerelemente

Um ein so umfangreiches Programmsystem wie WRR/Overplan möglichst einfach bedienbar zu machen, reichen die von HTML bis einschliesslich Version 4 zur Verfügung gestellten Formular-Steuerelemente nicht aus.
Es war daher erforderlich, für die verschiedenen Eingabefelder komfortabel zu bedienende Steuerelemente nachzurüsten. Hierzu dienen in aller Regel Javascript-Module. Das Problem besteht weniger darin, geeignete Routinen im Netz zu finden sondern mehr darin, aus der Vielzahl der angebotenen Programme die Richtigen zu finden, also die "Spreu vom Weizen" zu trennen. Ich denke, eine passable Auswahl gefunden zu haben.

Im Folgenden beschreibe ich kurz, welche Elemente ich gefunden habe, gebe - soweit bekannt - den Autor und einen Link zu seiner Homepage an.

Oft habe ich die benutzten Skripte mehr oder weniger stark modifiziert. Daher werde ich im Laufe der Zeit jeweils auch ein Anwendungsbeispiel geben und die Möglichkeit des Downloads der von mir benutzten Variante zu geben.


Combo-Select-Box

In Desktop-Anwendungen wird in Formularen häufig die Combobox (Kombinationsfeld) benutzt. Diese stellt eine Kombination aus einem Eingabefeld und einer Aufklappliste dar. In der Regel kann sowohl ein Wert aus der Auswahlliste ausgewählt werden, aber auch - optional - ein nicht in der Liste enthaltener Wert eingegeben werden. In der HTML-Selectbox ist es hingegen nur möglich, einen Wert aus der Liste auszuwählen. Die Combo-Selectbox von Peter Barkway ist eine der wenigen Möglichkeiten, auch nicht existierende Werte einzugeben.
Autor:Peter Barkway
Webseite:http://www.baytree-cs.com

Spin-Edit

Um nummerische Werte bequem (z.B. ausschliesslich mit der Maus) eingeben zu können, kann ein sog. Spin-Edit-Feld benutzt werden. Typischerweise kann der Startwert, der höchste Wert und die Schrittweite angegeben werden.

Das ausgewählte Skipt von Switch-on-the-code hat gegenüber den sonst zu findenden Elementen zwei Besonderheiten:

1. Es funktioniert das Maus-Scrollrad.
2. Wenn die linke Maustaste beim Druck auf die Pfeilbuttons festgehalten wird, werden fortlaufend weitere Werte erzeugt. Hierbei kann sogar in Stufen angegeben werden, nach wieviel Millisekunden die Schrittweite erhöht wird.
Autor:? (switch on the code)
Webseite:http://www.switchonthecode.com/tutorials/javascript-controls-the-spin-control

Treeview

Das Treeviewelement von Geir Landrö bietet trotz seiner einfachen Handhabbarkeit alles erforderliche.
Autor:Geir Landrö
Webseite:http://www.destroydrop.com/javascripts/tree

Web-Editor 1

Online-Webeditorren gibt es wie Sand am Meer. Der von John Goodman ist sowohl für den Programmierer als auch für den Anwender besonders einfach in der Handhabung.
Autor:John Goodman
Webseite:http://www.unverse.net

Web-Editor 2

Insbesondere für den Bereich der Content-Management-Systeme gibt es eine Reihe von sehr leistungsfähigen WYSIWYG-Editoren. TinyMce ist einer der am weitesten verbreiteten. Er ist gut konfigurierbar und es gibt eine Vielzahl von Sprachmodulen.
Autor:? (moxiecode)
Webseite:http://www.tinymce.com

Tooltip/Kontextmenü

Die erweiterten Tooltips (Quickinfos) von Walter Zorn bieten auch die Möglichkeit, Kontext-Menüs zu erstellen.
Autor:Walter Zorn
Webseite:http://www.walterzorn.de

Popup-Kalender

Javascript-Popup-Kalender gibt es wie Sand am Meer. Damit ist sicher für jeden Geschmack etwas dabei.
Das Modul von Anthony Garrett ermöglicht durch Selectboxen für Monat und Jahr eine schnelle Datumswahl auch zu weit entfernten Kalenderdaten.
Die besondere Stärke liegt aber darin, dass nach erfolgter Datumswahl beliebige Javascript-Routinen aufgerufen werden können. Im Programm WRR/Overplan wird dies zweifach genutzt: Zu Einen wird in einigen Zusammenhängen auch der Name des gewählten Wochentages auf dem Bildschirm angezeigt, zum Anderen wird in einigen Fällen ein Submit (Abschicken) des Formulars ausgeführt. Es ist auch wählbar, ob das Feld, in dem das gewählte Datum erscheint, auf Read-Only gesetzt wird oder nicht. Ist das Feld editierbar, wird durch eine kleine Erweiterung ein dort manuell eingebener Wert automatisch in die Form dd.mm.jjjj gebracht und dann validiert. Dies ist in dieser Weise nur bei wenigen der zu findenden Kalendermodule möglich.
Autor:Anthony Garrett
Webseite:http://www.tarrget.info/calendar/scw.htm

Timepicker

Es gibt zwar eine Unzahl von Popup-Kalendern aber nur wenige Komponenten, die eine einfache Zeiteingabe über die Maus ermöglichen. Leider funktioniert der Original-Link zur Homepage von Tan Ling Wee nicht mehr.
Autor:Tan Ling Wee
Webseite:http://www.java2s.com/Code/JavaScript/GUI-Components/FancyTimePicker.htm

Colorpicker

Auswahlmöglichkeiten für Farben gibt es sehr viele. Die von Jan Odvarko erstellte bietet trotz ihrer Einfachheit alles erforderliche.
Autor:Jan Odvarko
Webseite:http://jscolor.com
Zurück