Come creare una Select modificabile...

[fcaldera]

Ciao a tutti,

prendendo spunto da
questa discussione ho deciso di realizzare una soluzione personale per creare uno pseudooggetto select modificabile

punti di forza:
- Il markup è (relativamente) pulito ed accessibile
- Il codice Javascript non è intrusivo (se javascript non c'è le select funzionano nel modo consueto)
- Richiede solo un pò di accorgimento nel CSS per il posizionamento delle select
- Il codice Javascript è ad oggetti: si possono istanziare più pseudoselect su unica pagina
- Il codice Javascript è crossbrowser (almeno per quanto riguarda IE6, FF1+ e Opera 8.5+ e vorrei dei riscontri su safari per Mac e altri browser in generale)


L'indirizzo al quale si può vedere un esempio pratico è
http://www.fabriziocalderan.it/code/...ect/index.html

Se siete particolarmente curiosi di sapere come funziona il meccanismo chiedete pure... ma credo riuscirete a capire da solo il trucco su cui si basa e come modificare i vari parametri

se avete dei suggerimenti su come migliorare e/o estendere le funzionalità dell'oggetto rimango in attesa

Ciao

[var]

testato con successo su Firefox 1.5 sotto Linux.
come sempre, i miei complimenti Fabrizio: ottimo lavoro! :)

[sb82]

molto bello comnplimenti

[fcaldera]

Qualcun'altro lo ha testato? Impressioni varie ed eventuali?

[pietro09]

Guardato velocemente. Bello. Archiviato in libreria.

[nereidahoxhaj]

Come dicevo anche nel forum HTML... Grande mago...

[andr3a]

Originariamente inviato da fcaldera
Qualcun'altro lo ha testato? Impressioni varie ed eventuali?

un cursore tipico da input non starebbe male mentre si digita, mentre dei controlli migliori sul testo sarebbero d'obbligo per implementazioni professionali.

scrivendo questo ad esempio:
<script>alert('ciao FC');</script>

ci ritrova una bella alert (si dovrebbe replicare una sorta di htmlentities del php)

Nell' insieme, uno spunto simpatico


[appunto pignolo ]
in rilievo hai scritto JavaScript ad oggetti ... beh, penso tu sappia meglio di me che JavaScript è sempre ad oggetti
[/appunto pignolo ]

[fcaldera]

no, non ho scritto "javascript ad oggetti"... ho scritto "codice javascript ad oggetti"... il soggetto della frase è il codice, non javascript



per il cursore sul codice è una bella idea (anche se al momento non saprei come fare ma studio la cosa). per il testo pensavo di rendere customizzabile il set di caratteri inseribili

resta cmq il problema che se hai selezionato la select e premi un tasto freccia (per scorrere la select), il codice carattere equivale alla "&", alla "("... quindi quei caratteri non potrebbero mai essere inseriti all'inizio.

In opera poi ho notato che tende a incartarsi un attimo in fase di inserimento del primo carattere....


Adesso vedo anche quella cosa dello script injection... funziona per via dell innerHTML (credo) che serve a IE
è potenzialmente pericolosa visto che ci puoi mettere un bel location.href...


Grazie per averla testata

[kluster]

molto bello fabrizio, bravo
Se mi permetti una cavolatina, per renderlo + intuibile inserirei un ultima option in fondo, "aggiungi valore" (magari in un altro colore), e all'onchange renderla editabile come adesso

[andr3a]

Originariamente inviato da fcaldera
è potenzialmente pericolosa visto che ci puoi mettere un bel location.href...

ci puoi mettere quello che ti pare ... il mio alert era un esempio, se passa quello, passa tutto il js che vuoi