Maschinendenk

Kontextmenüs mit Prototype

0 Kommentare

Es gibt ja bereits länger Ansätze um das Standard Kontextmenü von Browsern mti eigenen Widgets zu ersetzen.
Diese hatten aber bisher meist relativ viele Nachteile wie grosse Mengen JS Code, mangelnde Crossbrowser Kompatibilität. Oft war auch eine nicht allzugute Performance zu beklagen, welche die Menüs eher “hakelig” wirken lies.

Kangax hat nun eine auf meinem Lieblings-Framework Prototype aufsetzende Methode entwickelt, um eigene Kontextmenüs zu erzeugen.

Diese bietet einige Vorteile gegenüber bisherigen Ansätzen:

  • Super lightweight: Nur 2KB Scriptcode
  • Unobstrusive: Macht keine Probleme bei abgeschaltetem Javascript
  • Cross Browser kompatibel: Funktioniert mit allen gängigen Browsern
  • Komplett anpassbar: Der Style des Menüs kann über ein externes Stylesheet komplett angepasst werden.
  • Schnell: Der Container wird beim Laden der Seite gezeichnet, und ändert später nur seine Position. Dies sorgt für schnelle Reaktionszeiten.
  • Die Einbindung ist denkbar einfach.
    Man bindet zunächst eine zusätzliche JS Datei im HEAD Bereich seiner Seite ein.
    Danach erzeugt man ein neues Menüobjekt. Schliesslich erzeugt man ein Array aus Menüelementen, welches man dem Menüobjekt übergibt.
    Dies ist auch auf der Projektseite in einfachen Schritten erklärt.

    Insgesamt eine sehr interessante Erweiterung des Prototype Frameworks, die auch gut zu funktionieren scheint.
    Ich denke allerdings man sollte beim Ersetzen von Standard Bedienelementen des Browsers durch eigene Widgets sehr vorsichtig sein, da man hier leicht die Erwartungen des Benutzers brechen kann.
    So sollte man, denke ich, stets zumindest die bekannten Standardfunktionen wie Copy,Paste, etc in einem eigenen Widget ebenfalls anbieten.

    Link:
    http://yura.thinkweb2.com/scripting/contextMenu/


Geschrieben von Philipp

28. August 2007 um 12:51

Veröffentlicht in Ajax Frameworks, Code

Kommentar schreiben

Sie müssen eingeloggt sein um einen Kommentar zu verfassen.