Teil 5: Widgets selbst programmieren

1. Widgets selbst programmieren
2. Teil 2: Widgets selbst programmieren
3. Teil 3: Widgets selbst programmieren
4. Teil 4: Widgets selbst programmieren
5. Teil 5: Widgets selbst programmieren
6. Teil 6: Widgets selbst programmieren
7. Teil 7: 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:

© 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.