Una select editabile
Venerdì 8 Gennaio 2010 - 08:15
di Cesare Lamanna
Trovo che alcune soluzioni Javascript in cui mi imbatto quasi quotidianamente siano molto simili ai celebri sei personaggi di Pirandello eternamente alla ricerca del loro autore. Nel caso che ci riguarda da vicino la ricerca potrebbe essere quella di uno scenario di utilizzo.
Lo script in questione è questa select editabile che è possibile realizzare grazie a un apposito plugin per jQuery. Ecco la demo.
In buona sostanza, il plugin fa sì che una normale select con le sue belle opzioni venga sostituita da un input di testo editabile che però continua ad emulare il funzionamento della select. Di fatto, è possibile a questo punto selezionare un valore tra quelli predefiniti o modificarne uno o crearne uno ex novo e poi passare all’invio del modulo. Non mi soffermo qui nei dettagli su quelli che non so se definire bug o limiti (che magari più che dello script sono della mia capacità di coglierne la logica di funzionamento). Una buona sintesi delle possibili osservazioni è presente tra i commenti al post di presentazione.
Il punto è: in che contesto d’uso una simile soluzione potrebbe essere utile, accettabile, consigliata, etc.? Quali accorgimenti trovare per rendere manifesta all’utente la duplice funzione di select/campo di testo modificabile? L’unico appiglio che trovo tra il già visto è l’ibrido select/box di ricerca del sito Giraffe Restaurants di cui parlammo in questo post. In quel caso, almeno, mi pare che a livello di comunicazione della funzione il problema sia stato affrontato brillantemente.
Categoria: Scripting, Web Design | Permalink
Commenti
1
Nio usiamo qualcosa di simile, però usando l’autocomplete, per l’inserimento del campo società in un form. In pratica si può scegliere la società da una lista, senno’ la si può inserire. Questo evita tanti inserimenti duplicati ma permette anche l’inserimento in caso non si trovi una corrispondenza.
2
Quel tipo di select non viene utilizzato in qualche programma di Office (forse Access)? Quindi penso che un minimo di utilità ce l’abbia.
Per esempio, hai un pannello di controllo dove devi scegliere la categoria di un prodotto e vedi che hai sbagliato a scriverlo. Invece di dover andare nel form di modifica della categoria lo potresti modificare già da lì con una chiamata in AJAX.
3
permette anche l’inserimento in caso non si trovi una corrispondenza
se anche fosse solo per questo motivo sarebbe già una gran bella cosa in più…
quante volte vi capita di compilare moduli in cui scegliete categorie che solo parzialmente corrispondono alla definizione che volete/dovete dare?
certo non può valere per tutte le select…
che altrimenti uno scrive di risiedere nel paese di Bengodi…
però la possibilità di intervento su certe liste non è mica male…
che se poi viene fuori una relazione assurda…
4
Le soluzioni di questo tipo si chiamano combobox e sono molto comuni nelle interfacce non-web. Per i motivi elencati sopra, è molto utile averle a disposizione anche in HTML, anche se non sono native. Ci sono altri plugin per jquery, più o meno buoni, che fanno la stessa cosa.
# - postato da Cristina - 08 Gennaio 2010 - 11:42
5
Adesso che stiamo creando un’applicazione web con framework ExtJS posso capire l’utilità non utilizzata nel web ma è standard nella programmazione diciamo “desktop” dove la select è chiamata selectbox il cui utilizzo è appunto come diceva già @Senamion.
6
Una soluzione del genere la vedo utile in campi tipo “professione”: aggiungendo alla macrocategoria di appartenenza anche la specifica di competenza permette un’archiviazione dei dati molto più completa ed è più elegante che il classico campo imput. Non indispensabile ma potenzialmente molto utile.
# - postato da Andrea Bizioli - 08 Gennaio 2010 - 13:01
7
Penso che sia necessario, per alcune tipologie di interfaccia web, rifarsi alla programmazione “desktop”, come si diceva in altri commenti prima di questo.
8
La soluzione è certamente utile per velocizzare la ricerca di un Item, da questo punto di vista migliorabile dando la possibilità all’utente di cercare anche per una sottostringa dell’item stesso. Non riesco però ad inserire nel campo un valore che non sia uno di quelli già presenti nella Select.
# - postato da Michelangelo - 12 Gennaio 2010 - 09:22
9
Mi pare che l’”editabilta’” di questo oggetto non sia molto utile, visto che il testo inserito e non corrispondente ad alcuna delle voci della lista viene perso e sostituito da una delle selezioni in lista. Nell’esempio di “Giraffe Restaurants” il testo viene almeno mantenuto, anche se non corrispondente. Esistono degli altri esempi che consentono anche di mantenere il testo inserito? Sarebbe ancora meglio se il testo inserito e non corrispondente nella lista venisse confrontato con le voci in lista che risultano simili (una sorta di correlazione) e fosse suggerito al compilatore di verificare, in modo da prevenire l’inserimento di voci duplicate.