iPhone Passwort-Dialog mit Mootools

21. Januar 2010

WP Greet Box icon
Hallo Googler! Um regelmäßig über Neuigkeiten auf dieser Seite informiert zu werden, kannst du den RSS-Feed abonnieren. Mehr Informationen über diese Technik gibt es hier.

Irgendwie stehe ich auf den Passwort-Dialog vom iPhone. Gerade wenn ich abgelenkt bin oder nebenbei was anderes mache, kann ich so zumindest erahnen, ob ich die richtige Taste getroffen habe. Lustigerweise habe ich ein Modul für Mootools gefunden, das genau diese Aufgabe in einem normalen Webbrowser erledigt. jQuery-Lösungen gibt es ja zu genüge, aber ich muss zugeben, die Mootools-Lösung ist recht elegant!

Screenshot eines Passwort-Dialoges mit PaassShark

Screenshot eines Passwort-Dialoges mit PassShark

Das Einbinden der Funktion ist dabei gewohnt einfach. Nach dem Laden der Core-Klassen und des Plugins genügt der folgende Aufruf, um das Plugin auf ein beliebiges Textfeld anzusetzen:

1
2
3
4
5
6
7
8
window.addEvent('domready', function(){
   new PassShark('sample_pass',{
      interval: 200,
      duration: 2000,
      replacement: '%u25CF',
      debug: false
   });
});

Wie man sieht, kann man nicht nur den verwendeten Zeitrahmen beeinflussen, sondern auch das Zeichen, das für den Passwort-Dialog zum Ersetzen genommen werden soll. Ein echt nette Spielerei wie ich finde!

Was ist deine Meinung zu diesem Beitrag?