Vista-Feeling

Teil 5: Widgets selbst programmieren

Bis jetzt passiert noch nichts, wenn Sie das Widget starten und einen Suchbegriff eintippen. Um die Funktion frageleo() zu starten, bauen Sie folgende Zeilen in die textarea-Definition von inputSuche ein:

Widgets selbst programmieren

© Archiv

<onKeyDown>
if (system.event.keyString == 'Return' || system.event.keyString == 'Enter') {
  frageleo(inputSuche.data);
 }</onKeyDown>

Damit prüft das Widget jedes Zeichen, das Sie im Eingabefeld eintippen. Das Zeichen ist in der Eigenschaft system.event.keystring hinterlegt. Handelt es sich dabei um die Enter-Taste, so enthält die Eigenschaft je nach Version der Widget-Engine "Return" oder "Enter". In beiden Fällen ruft das Skript dann frageleo() auf.

Weil das Skript die Ergebnisse nur teilweise extrahiert und einige Sonderfälle nicht berücksichtigt, soll ein zusätzlicher Button den Standardbrowser mit der Suchanfrage an Leo starten. Dazu fügen Sie eine Bilddatei mit image wie beim Hintergrundbild ein:

<image src="Resources/suche.gif"><name>suchbutton</name><vOffset>4</vOffset><hOffset>251</hOffset><onMouseDown>
openURL("http://dict.leo.org/ende?search=" +escape(inputSuche.data));</onMouseDown></image>

Das Tag onMouseDown führt bei einem Klick auf dasBild die JavaScript-Befehle aus. Im Beispiel startet openURL den Standardbrowser mit der angegeben Webadresse. Das Beispiel integriert noch eine zweite Grafik, die wie die Enter-Taste frageleo() startet. Außerdem realisiert das Skript mit onMouseUp und einer zweiten Grafik einen einfachen Animationseffekt beim Anklicken.

Mehr zum Thema

festplatte, hardware, pc, hdd
Gelöschte Dateien wiederherstellen

Wir zeigen Ihnen, wie Sie verloren geglaubte Daten retten können - etwa mit dem kostenlosen Tool Recuva.
Gimp,Tricks,Bilderbearbeitung,Tipps,Tutorial
Photoshop-Alternative

Das Bildbearbeitungsprogramm Gimp ist eine kostenlose, komfortabele Alternative zu Photoshop. In unserem Tutorial geben wir Tipps für Einsteiger.
Whatsapp Alternativen
Für Android, iPhone, iPad & Co.

Es gibt keine Whatsapp-Alternative? Quatsch! Diese 10 Messenger-Apps für Android, iOS und Windows Phone sind der perfekte Ersatz.
Photoshop-Alternativen (Symbolbild)
Photoshop-Alternativen

Für Privatanwender muss es nicht immer das teure Adobe Photoshop sein. Wir stellen kostenlose Alternativen für PC und Mac vor.
Any Video Recorder
Anleitung

Wir zeigen in dieser Anleitung, wie einfach Sie mit dem Tool Any Video Recorder jeden beliebigen Stream aufnehmen können