Form

Implementare la selezione multipla in un campo select

4 febbraio 2010

multi-select-plugin

Tutti sappiamo che le "Select" standard dell’ HTML generano un menù drop-down dal quale è possibile selezionare un solo valore alla volta. Ora però questa "limitazione" è stata abbattuta grazie all’introduzione del plugin jQuesy MultiSelect il quale è in grado di implementare delle checkbox all’interno della select in modo consentire la selezione multipla dei valori, ma non è finita qui infattigrazie al supporto di ThemeRoller potremo anche modificarne la grafica a nostro piacimento.
Il plugin è compatibile con jQuery 1.4.0+ e tutti i temi della versione 1.7+ ed è stato testato per l’uso su Firefox 2+, IE 6+, Chrome Beta/4, Safari 4 and Opera 10.

Cliccare qui per scaricare jQuery MultiSelect Plugin

Categorie: jQuery Tags: checkbox, form, select 2 commenti

PSD con gli elementi di un form

18 gennaio 2010

elementi-form-psd

Quando lavoro alla grafica di un sito spesso mi trovo a dover realizzare dei form anche molto complessi e per farlo mi aiuto con dei PSD contenenti tutti gli ementi grafici classici di un form come select, input, textarea, radio button ecc.
Tra tutti i set sparsi sulla rete io ne utilizzo 2 in particolare ovvero Web Form Elements e Web Form Elements Vol.2 realizzati entrambi da Sniperyu.

Categorie: psd Tags: form, input, select, textarea 3 commenti

Creare la validazione di un form con gli alert animati

18 dicembre 2009

validazione-campi-form

Janko At Warp Speed ha realizzato un interessante tutorial che spiega come realizzare una particolare validazione dei campi di un form con degli effetti animati attraverso l’utilizzo di jQuery.
Una tecnica davvero particolare che potrà donare al vostro sito quel pizzico di originalità. Date un’occhiata alla demo e capirete il funzionamento di questo script.
Non vi resta che provare subito questo tutorial e sperimentarne le sue potenzialità.

Categorie: ajax, jQuery Tags: campi, form, validazione 1 commento

Traformare un complesso form in un semplice wizard

2 dicembre 2009

trasformare-form-in-wizard

Una delle cose più fastidiose secondo me è la compilazione di grandi form dove imputare valori all’interno di decine di campi.
Allora perchè non rendiamo la vita più semplice agli utilizzatori dei nostri siti trasformando questi form in pratici wizard?
E’ proprio quello che ha pensato Janko At Warp Speed realizzando un fantastico plugin in jQuery che consente appunto di dividere dei grandi form in vari step per semplificarne la compilazione.

Per scaricarlo e vederne il suo funzionamento vi rimando al sito ufficiale

Categorie: jQuery Tags: form, wizard 1 commento

Trasformare un Form in un semplice Wizard con jQuery

8 ottobre 2009

webform-wizard

Il problema più grande, quando si realizza un form con molti campi, è il riuscire a formattarli in modo chiaro ed intuitivo per chi lo deve compilare. Spesso si dividono i campi, attraverso dei fieldset, ma questo comunque semplifica solo fino ad un certo punto la formattazione dei campi.
Per risolvere il problema però da oggi esiste FormToWizard, un semplice plugin per jQuery che consente di trasformare qualsiasi form in un semplice Wizard composto da vari step che consente la compilazione in modo semplice ed intuitivo non ritrovandosi più centinaia di campi nella pagina disposti talvolta in maniera confuzionale.
Per rendervi conto di come funziona il plugin vi consiglio di visualizzare la demo online

Cliccare qui per scaricare FormToWizard

Categorie: ajax, jQuery Tags: form, wizard 2 commenti

Editor WYSIWYG online per creare form

15 dicembre 2008

Jot-form

JotForm è un’applicazione web che attraverso un editor WYSIWYG ci sonsentirà di realizzare dei form. Il suo utilizzo è abbastanza intuitivo grazie alla funzionalità di drag and drop degli oggetti posti nella barra di destra dell’editor.

Continua a leggere »

Categorie: Generatori online, Web 2.0, form Tags: contatti, form, WYSIWYG Commenta »