Campi di testo ridimensionabili

Giovedì 30 Novembre 2006 - 09:11

di Cesare Lamanna

Scripting

Segnalazione (via Lifehacker) con domanda incorporata. Cameron Adams ha pubblicato sul sito questo esperimento, una bookmarklet chiamata FormTextResizer. Il funzionamento è semplice: un click sulla bookmarklet, ci si posiziona con il cursore sul bordo destro del campo di testo e si trascina verso destra per ridimensionarlo. Ora, senza badare all’implementazione attuale (è un semplice esperimento), pensate che sia o possa essere utile e funzionale una soluzione del genere? Queste cose comunque sono un’ottima sfida per chi si occupa della realizzazione di interfacce. Mi spiego: posto che decidiate di adottare FormTextResizer su un vostro sito, come segnalareste ai visitatori che hanno la possibilità di ridimensionare il campo di testo? Con quali ausilii verbali e grafici? Basta per esempio il solo cambio dell’aspetto del cursore?

Tags:

Categoria: Scripting | Permalink

Commenti

1

un’immagine che rappresenta il mouse con la doppia freccia dx-sx accanto al campo può essere utile, ma come indicare di fare click prima sul link? il problema si pone sempre lì, a meno che la funzione contenuta nel link non la si metta in onload, ma l’onload è stato criticato in passato.

# - postato da smal - 30 Novembre 2006 - 09:33

2

credo che questo esperimento sia decisamente più friendly (notare la textarea oltre al resto)

# - postato da andr3a - 30 Novembre 2006 - 09:51

3

Interessante esperimento.
Può essere utile per textarea dove gli utenti hanno bisogno di scrivere molto, e allora un campo più grande può essere più comodo. Infati ho notato che alcuni utilizzatori dei miei CMS prima scrivono i testi in Word o simili e poi fanno il copia incolla nel form html. Evidentemente è per il controllo ortografico e per lavorare in un ambiente “più famigliare” e rassicurante della pagina web.
Come eventualmente segnalare il FormTextResizer? Mah, io farei una piccola animazione in Camstudio da integrare con i vari testi a scomparsa che metto normalmente per aiutare nella compilazione dei form. Questo perchè anche gli utonti possano capire la funzionalità e magari anche usarla in futuro.

# - postato da Cheope - 30 Novembre 2006 - 09:58

4

Questa potrebbe essere una buona implementazione di una realizzazione grafica.
Mi spiego meglio: immaginatevi davanti ad un cliente o anche davanti al vostro capo (mentre gli state mostrando una bozza) che vi dice che il form che avete appena realizzato (naturalmente senza contare lo stile) vi dice che presenta campi troppo corti o troppo piccoli (a seconda del tipo di campo).
Come risolverla?
1 - O mettete mano al codice e provate finchè lui non è contento del risultato
2 - Inserite questo script e glieli fate regolare a lui o li regolate davanti ai suoi occhi come più preferisce

IMHO la seconda. Più veloce e soprattutto più accontentante!
Saluti

# - postato da Alberto - 30 Novembre 2006 - 11:00

5

E due piccoli pulsantini per allargare e restringere la text-area?

http://img147.imageshack.us/im.....reayv3.gif

# - postato da Sustia - 30 Novembre 2006 - 11:03

6

Una soluzione comoda per il ridimensionamento della textarea l’ho vista sul forum di GiorgioTave, puoi vederla se decidi di iniziare o rispondere a una discussione.

Non è un ridimensionamento drag’n'drop, ma sono due pulsanti a forma di freccia che allungano o acciorciano l’area di testo di unità predefinite.

Personalmente, ho trovato questa soluzione comoda, efficace e immediatamente comprensibile; mentre invece FormTextResizer ha dei limiti (per esempio, se vuoi allungare la textarea oltre la finestra del browser, devi fermarti, scrollare e ri-ridimensionare).

# - postato da Maurizio - 30 Novembre 2006 - 12:51

7

Questo mi sembra un comune bookmarklet, adatto ad essere usato come tale, per l’implementazione su un sito utilizzerei qualcosa di più complesso, e visibile, ovviamente, che risulterebbe tuttavia quantomeno scomodo in uno script bookmarklet, dove è meglio sviluppare script non troppo pesanti.

# - postato da Andrea Micheloni - 30 Novembre 2006 - 16:14

8

L’editor di WordPress è ridimensionabile in modo molto semplice, in modo molto simile alle comuni finestre di windows.

Per il fatto che alcuni usano word, da quello che ho visto, è perchè non hanno una connessione affidabile, e se cade perdono tutto…

# - postato da Andrea - 30 Novembre 2006 - 17:48

9

Andr3a, la soluzione che hai linkato è stupenda! :)

# - postato da paperogiallo - 30 Novembre 2006 - 19:03

10

Ma quella soluzione non usa le Yahoo libraris, che sono circa 250K?

# - postato da Andrea - 30 Novembre 2006 - 19:47

11

Sicuramente non è tra le più leggere (non so se faranno una versione per la YUI! mini) … però mi sembra tra le migliori soluzioni, come usabilità.

Resto dell’idea che questi “giochini” siano simpatici e “cool” all’inizio, completamente superflui ed inutilizzati dopo poco tempo (chi si mette a impostare i campi di una form ? facciamoli larghi abbastanza e amen, no ?)

# - postato da andr3a - 01 Dicembre 2006 - 08:01

12

Vedo queste soluzioni come interessanti esperimenti, ma sinceramente non sento la necessità di appesantire le pagine con script tutto sommato inutili.

Potrebbero servire all’interno di applicazioni, vedi CMS.

Ah, preferisco anche io per l’usabilità la soluzione citata da andr3a!

# - postato da Tom - 01 Dicembre 2006 - 12:14

13

Ho guardato qualcuno dei link…..si può fare solo all’interno della pagina interessata; per cui tutte le pagine che necessitano di quell’affare, devono ospitare la ripetizione dello script…. Già per solo una decina di pagine c’è da diventare matti…

Divertente, utile, poco pratico….

# - postato da Ratamusa - 05 Dicembre 2006 - 11:27

14

devo provare l’esperimento

# - postato da testo canzone - 13 Ottobre 2010 - 10:45

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento