Der Gleisarbeiter » Javascript

Problem mit JQuery Autocomplete im IE und Opera

gleisarbeiter — Wed, 16 Dec 2009 08:52:57 +0000

Bei einem Autocomplete Input-Feld mit JQuery (Autocomplete-Plugin von pengoworks.com), bei dem viele Elemente zurückgeliefert wurden, entstand eine Scrollbar in dem Resultate-Div. Das Problem: Ein Klick auf die Scrollbar im IE oder Opera klappte die gesamte Resultate-Liste zu, anscheinend auf Grund eines Javascript-Events blur() auf dem Input-Feld. Durch dieses Event wurde die Resultate-Liste geschlossen.

Mein Fix in jquery.autocomplete.js:


/* Variable um zu speichern, dass der Mouseclick auf dem Resultate-Div geschah */
var mouseDownOnSelect = false;
$jresults.mousedown(function() {
        mouseDownOnSelect = true;
});
/* mouseup funktionierte leider nicht */
$jresults.mouseout(function(){
        mouseDownOnSelect = false;
});
/* Bei einem Klick, prüfe ob der Klick außerhalb der Resultate-Liste geschah, */
/* wenn ja, schließe Fenster */
$j(document).click(function(){
        if(!mouseDownOnSelect){
            hideResultsNow();
        }
});

/* Zusätzlich im blur()-Event des input-Feldes die If-Abfrage eingefügt */
$jinput.blur(function(event) {
            if (!mouseDownOnSelect) { /* <--- */
                hasFocus = false;
                hideResults();
           }                                         /* <--- */
});

KeyListener für die Vodafone Mobile Widget Runtime

gleisarbeiter — Tue, 21 Apr 2009 17:00:52 +0000

Dieser Blogpost auf der Betavine-Seite schreibt, dass es kein “keypress”-Eventtype in der Vodafone Mobile Widget Runtime gibt.
Das bedeutet aber nicht, dass in Mobile Widgets überhaupt keine KeyEvents abgefangen werden können. “keydown” und “keyup” können sehr wohl verwendet werden.

Hier ein Beispiel unter Verwendung von jQuery:


$(function(){
  $(document).keyup(function(e){
    if(!gameOver){
      switch(e.keyCode){
        case 52: //this is left! (4 on mobile)
           // move left functions
           break;
        case 50: //this is up! (2 on mobile)
           // move up functions
           break;
        case 54: //this is right (6 on mobile)
           // move right functions
           break;
        case 56: //this is down! (8 on mobile)
           // move down functions
           break;
        }
     }
  });
});

Übrigens, auch für Mobile Widgets kann man sehr schön gameQuery (ein Addon für jQuery) verwenden.
Über die mobile Spieleentwicklung mit Widgets aber ein anderes Mal ein kleines Tutorial.

Kleines Tool für Mobile Widget Developer

gleisarbeiter — Tue, 21 Apr 2009 16:47:19 +0000

Hier ein kleines Widget, das ich heute gebaut habe, um herauszufinden, welche Tasten auf dem Handy welche Keycodes werfen, damit ich diese dann verarbeiten kann.

Das Widget sollte demnächst auch im Vodafone Widget Portal zur Verfügung stehen (wenn alles gut läuft), ansonsten gibt’s das auch hier schon zum Download (keycode_listener.wgt)

BTW: Natürlich läuft das Widget auch ganz normal im Opera Browser und fängt auch hier die Keycodes der Tasten ab. Ist also für jeden Entwickler interessant.