Gmail tarzı bir etiket seçiciyi nasıl uygularım?

Question

Gmail'in iletileri etiketlemek için kullanabileceği en kolay yol hangisi? Herhangi bir javascript kütüphanesinde böyle bir widget var mı?

http://img294.imageshack.us/img294/7097/36698396.png

Davranış:

1. hemen mesaj etiketlemek için açılır listedeki bir etiket tıklayın.
2. Birden çok etiketi işaretleyip birden çok etiket eklemek için "Uygula" seçeneğini işaretleyin ("Uygula" gereksinimini beğendiğimden emin değilim ...)
3. Etiket listenizi daraltmak için kutucuğu yazın. Eğer 1'e kadar daraltırsanız, enter tuşuna basmak bu etiketi uygular.
4. Stili, "L" kısayol tuşu ile tetikleyin.

Answer 1

Horace - Eğer bir şey gerçekten karmaşık istiyor ve içine almalı çok önceden bile olsa bileşen yaptı, bu çalışma gibi bir şey elde etmek için biraz zaman alacaktır (söz değil - güzel :-)).

Her neyse, önceden hazırlanmış bileşenler hoştur ama genellikle kendiminkinden hoşlanırım. Bu yüzden işte size gelmek için pişirdiğim bir şey: My simple label demo (uyarı - Ben sadece Firefox 3'te bunu test ettim ve bir başka işe yaramayacağından eminim).

Güzel olmaktan çok uzaktır, ancak kod oldukça basittir ve anlaşılması kolay olmalıdır.

Answer 2

Ben ağız çözüm orada ne istediğinizi tam yaptığı yoktur şüphe, ama eğer iyi bir JavaScript kütüphanesi ile birlikte kendini bir şey koymak gerekir. Ext JS gibi bir şey bunun için idealdir.

potansiyel ilgi Birkaç API sayfaları:

• Ext.Panel
• Ext.form.TextArea
• Ext.menu.CheckItem
• Ext.KeyNav

Answer 3

Benzer bir etiket uygulaması arıyordum ve bu iş parçacığı üzerinde tökezledim.

Ben sorunun JS kısmına eklemek olamaz, ama etiketlerin "Hoşluklar" anlamında, kullanışlı aşağıdaki makale/kod bulabilirsiniz:

CSS Gmail-Like Labels

Tüm en iyi!