Frage

Vor einiger Zeit ich eine Drag über Kontrollkästchen Liste erstellt, die Sie viele Kontrollkästchen in einer einzigen Geste überprüfen können. Glauben Sie, es rentabel und verwendbar auf dem Netz ist, wo die Menschen vielleicht nicht wissen, wie es zu benutzen. Das Standardverhalten funktioniert immer noch für die einzelnen Kontrollkästchen.

War es hilfreich?

Lösung

1 - Die Idee

Die Idee ist schön und kann wahrscheinlich in professionellen Anwendungen eingesetzt werden, wo Sie direkten Kontakt mit den Nutzern und kann sie erklären, wie die Dinge funktionieren, aber nicht unbedingt auf öffentlichen Websites, auf denen Nutzer wollen nicht RTFM und suchen nur für vertraut Verhaltensweisen. Es sei denn, es ist nur eine Probe Übung war oder eine Kontrolle gemeint, um es in einem Steuerpaket enthalten sein, der YAGNI Prinzip;)

2 - Die Umsetzung

Sie sicher bemerkt, dass die Umsetzung fehlerhaft ist (zumindest auf IE7 und FF3.1B2). Manchmal ist eine Geste über alle Kontrollkästchen werden alle von ihnen wählen, aber ein oder zwei. Bewegen der Maus über die div der über oder unter der Liste der Drag zu stoppen (ich weiß, es ist ein „Feature“, aber es ist nicht sehr benutzerfreundlich). Ich habe den Quellcode und werden honnest, während es recht ordentlich aussieht, habe ich einfach nicht damit umgehen wollen, weil es schlicht Javascript ist. Wissen Sie nicht, dass ...

3 - Mögliche Verbesserungen

... Sie können weniger schreiben und mehr mit einer Javascript-Bibliothek, in der Regel jQuery . Ich würde völlig diese Kontrolle als jQuery-Plugin neu zu schreiben. Es wird Sie mit vielen Werkzeugen geben Sie Ihren Code wesentlich einfacher zu schreiben, zu pflegen und erweitern zu machen. Probieren Sie es einfach, Sie werden es lieben. Dies ist aus technischer Sicht. Aus Sicht des Benutzers, versuchen Sie so vertraut wie möglich kontrollieren zu machen, wie das, was Angela vorgeschlagen, Windows Explorer: ein schöne Auswahl Rechteck, die Fähigkeit, Scheiße zu verwenden + klicken, oder so ähnlich. Schließlich erinnern, dass für viele Fenster CheckListBox Anwender „ausgewählt“ und „geprüft“ sind zwei verschiedene Dinge.

Andere Tipps

Die Demo braucht auf jeden Fall ein paar Verbesserungen es sogar ein wenig nützlich zu machen (obwohl ich nicht sicher bin, ob es würde ausreichen, um):

  1. Lassen Sie das Schleppen irgendwo beginnen, dass kein Kontrollkästchen ist.
  2. Lassen Sie die Auswahl mit als auch über die Etiketten ziehen.

Dieses Problem scheint ähnlich die Wirkung von mehreren Dateien in einer Datei-Explorer wie die Windows Explorer auswählen. Vielleicht kann es wie die Wirkung der Auswahl mehrerer Dateien arbeiten, indem sie eine rechteckige Form um die Elemente ziehen ausgewählt (an der anderen Ecke wählen Sie eine Ecke, drag) werden? Dies hat den Vorteil, ähnlich wie ein Schnittstellenelement zu sein, dass die Menschen bereits vertraut sind mit.

Aus irgendeinem Grund, den ich Ihren Link nicht öffnen kann (es sagt meine IP-Adresse blockiert). Aber ich denke, was Sie suchen ist, was ich schon in jquery tat, das ich hochgeladen habe ein Plugin, das ich von im Grunde portiert crossbrowser.com der dragcheck Funktionalität, war es unter http://plugins.jquery.com/project/dragCheck aber zur Zeit die jQuery-Plugin-Website neu gestaltet wird, und mein Plugin ist verschwunden. Ich versuche zu sehen, ob sie gehen nach oben oder wenn ich setzen wieder ein neues Projekt erstellen ... Anyways, bis wir herausgearbeitet bekommen Sie eine Demo sehen hier: http://jsbin.com/ibihi

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top