Membro di PiperitaLab
Home » Xhtml, Css e Ajax » Ajax e js » jQuery per conteggiare il numero dei caratteri rimanenti di un form

jQuery per conteggiare il numero dei caratteri rimanenti di un form

Scritto da il 1 febbraio 2010 in Ajax e js - 14 Commenti - 23 visite

Avete presente quando su Twitter vi fa il conto alla rovescia dei caratteri rimanenti che potete scrivere?

Ecco con questo Javascript potete aggiungerlo ai vostri form. Buon lavoro!

01 450x241 jQuery per conteggiare il numero dei caratteri rimanenti di un form

Libri da non perdere:
Amazon-Box creato da Giuseppe Frattura

L'Autore

Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.

homeSito personale|archiveArchivio autore

14 Commenti

  1. Rob (27 comments)
    Scritto il 1 febbraio 2010 alle 10:37

    Non mi sono mai posto il problema, ma potrebbe essere interessante utilizzare questa soluzione!

    Piccola segnalazione: credo ci sia qualche problema con il layout nella parte del menù in alto, ho fatto una Stamp

  2. Rob (27 comments)
    Scritto il 1 febbraio 2010 alle 10:47

    una domanda che mi sono scordato di fare prima: ci sono in giro tanti piccoli o grossi javascript che forniscono moltissime utilità nell’ambito delle funzionalità di un sito, a partire da questa menzionata nel post.
    E’ bene utilizzarle oppure no? come si pongono nei confronti dell’accessibilità?
    Ovviamente non faccio il caso di questo javascript perchè tale funzionalità non è vitale e quindi anche se non accessibile poco importa.
    Ma ad esempio mi viene in mente (citando uno degli articoli correlati) ad un form popover, che pur essendo molto bello a vedersi, se si disabilitano i javascript, non esiste più.
    Vedo molte di queste cose in giro e mi verrebbe da utilizzare molti di questi script, ma poi penso che se per qualche motivo qualcuno dovesse non usare tutte le funzionalità, il sito ne sarebbe molto limitato.
    Peccato perchè molte di queste cose danno un tocco in più all’appeal :D

  3. vittorio (56 comments)
    Scritto il 1 febbraio 2010 alle 11:31

    @Rob
    io prima di usare uno script ci penso 9 volte e quasi sempre alla decima decido di non usarlo. A meno che non sia possibile programmare un noscript che lasci inalterato il funzionamento del sito. In quel caso se non appesantisce troppo, se è veramente indispensabile… cioè se il gioco vale la candela forse lo metto.

  4. Lauryn (4189 comments)
    Scritto il 1 febbraio 2010 alle 11:32

    @rob: grazie della segnalazione, è firefox su linux ubuntu?
    per quanto riguarda la seconda domanda, in genere se togliendo il javascript la parte di codice scompare ovviamente non è più usufruibile. considera sempre di provare a disabilitare css e javascript. se il sito risulta ancora navigabile e si può usufruire di alcune funzionalità indispensabili allora si può definire accessibile ;)

  5. vittorio (56 comments)
    Scritto il 1 febbraio 2010 alle 11:48

    @Lauryn
    il menù dell’header ha lo stesso problema segnalato da rob anche su firefox per windows, mentre su ie6 il menù viene visualizzato in questo modo: Stamp

  6. Lauryn (4189 comments)
    Scritto il 1 febbraio 2010 alle 12:02

    @vittorio: grazie, stasera vedo di metterlo a posto. explorer6 è giusto che si veda così perchè non supporta i rounded corners, per me si può anche fottere ahahhahah scusa la finezza :D

  7. vittorio (56 comments)
    Scritto il 1 febbraio 2010 alle 12:07

    @lauryn
    beh non lo so… io ci ho provato un sei mesi fa a fanculizzare ie6… poi però tutti i clienti (anche quelli stranieri) si lamentavano che il sito si vedeva male… e non hanno afferrato molto che ie6 è un tantino obsoleto.
    Da allora ho deciso che ancora per un pò continuerò ad ottimizzare i siti anche per ie6.

  8. vittorio (56 comments)
    Scritto il 1 febbraio 2010 alle 12:08

    p.s. quando si tratta di ie6 la finezza è d’obbligo :D

  9. Rob (27 comments)
    Scritto il 1 febbraio 2010 alle 12:47

    @lauryn: scusami, mi sono dimenticato di specificartelo ehehe comunque è su windows.

    grazie mille per le vostre risposte, terrò conto in futuro del trade off tra appeal e usabilità ;)

    due cose, visto che sono state tirate in ballo:
    1. per quanto riguarda ie6, leggevo proprio l’altro giorno di Germania e Francia che hanno iniziato a fare una campagna contro questa “beneamata” versione. Finalmente direi!!

    2. visto che siamo in argomento test di compatibilità, se esiste un qualche modo offline per testare un proprio sito sui vari browser. Mi spiego: ovviamente la prima cosa è prendersi i vari Firefox, Ie, Opera ecc e installarseli amabilmente sul pc e già così almeno per le ultime versioni degli stessi abbiamo il nostro metodo. Ma per le versioni dei browser più vecchie? bisogna per forza passare attraverso i siti online dove di solito si deve aspettare ore prima che il server ci restituisca qualcosa?
    Ah ovviamente annesso alla mera questione della compatibilità, volevo sapere se esiste un tale programma che faccia anche simulazioni rispetto a risoluzioni di schermo differenti, forse chiedo l’impossibile, ma tentare non nuoce :D

  10. Lauryn (4189 comments)
    Scritto il 1 febbraio 2010 alle 13:00

    @vittorio: lo so, sono la prima a testarlo anche su ie6, ma per italianwebdesign per fortuna non sono tenuta a farlo.

    @rob: io uso questa: http://www.italianwebdesign.it/my-debugbar-ietester-e-testi-tutte-le-versioni-di-explorer-in-una-volta-sola/

    per le risoluzioni no, ti conviene affidarti ai servizi web che li fanno. altrimenti se hai una grande risoluzione è sufficiente che su firefox installi la webdeveloper bar che ti permette di ridimensionare la finestra esattamente nella dimensione richiesta ;)

  11. Laura (101 comments)
    Scritto il 1 febbraio 2010 alle 13:50

    che è successo al layout??? :-S ?

  12. Rob (27 comments)
    Scritto il 1 febbraio 2010 alle 13:54

    @lauryn: grazie per il link, mi era sfuggito questo articolo :)
    Per le risoluzioni diciamo che per quello che faccio di solito mi basta progettare con il classico 960, però diciamo che mi sarebbe piaciuto un qualcosa per verificare ed eventualmente creare qualcosa che sfruttasse il maggior spazio concesso da risoluzioni maggiori. Io al massimo arrivo a 1280×800 quindi non posso sfruttare il metodo che citavi tramite firefox :D

  13. Lauryn (4189 comments)
    Scritto il 1 febbraio 2010 alle 14:09

    @Laura: ho aggiunto una navigazione sopra, poi qualche plugin si è aggiornato enon mi ero resa conto di doverli impostare meglio…dopo vedo ;)

  14. Scritto il 1 settembre 2010 alle 14:53

    [...] Da italianwebdesign.it un simpatico e pratico script jQuery per il conteggio dei caratteri utilizzabili rimanneti in un form. Amplify’d from http://www.italianwebdesign.it [...]

Scrivi un commento!

© 2012 Italian webdesign. Diritti riservati. Ideato da Laura Gargiulo - Icone di Komodo Media - Logo di W3B.