Form a geometria variabile con Chronoforms

[vales]

Ho preparato questo nuovo articolo.
Tratta, come si intuisce dal titolo, della creazione di un form che modifica il suo aspetto, e quindi mostra o non mostra campi o sezioni del form stesso, in funzione degli inserimenti operati in precedenza.
Credo è un'ulteriore dimostrazione della versatilità di questo componente e degli aspetti ancora nascosti da rivelare agli utilizzatori.

Link: http://www.joomla.it/articoli-della-community/3832-form-a-geometria-variabile-con-chronoforms.html

Buona lettura a tutti.

[redtooth]

Sei unico.

[ventus85]

Ottimo! 

[tonicopi]

Bravo! Bravo! Bravo!
Evviva la geometria variabile di vales! 


[allegato vecchio più di un anno eliminato automaticamente]

[LuxorTheFirst]

Grande vales! Sto leggendo tutti i tuoi articoli su chronoform e li trovando tutti di grandissima utilità. Ti posso dare un suggerimento? Sempre relativo alla impostazione di un form a geometria variabile, perchè non fai un tutorial su come inserire campi che sono obbligatori a seconda dei casi? La butto lì eh! E' solo una proposta. Io sarei interessato.

[vales]

come inserire campi che sono obbligatori a seconda dei casi?

Stai pensando ad una validazione dei campi condizionata dagli eventi precedenti?

[LuxorTheFirst]

Stai pensando ad una validazione dei campi condizionata dagli eventi precedenti?

Esattamente. Cioè in pratica far diventare un campo obbligatorio solo nel caso in cui io non abbia selezionato un altro campo sempre obbligatorio.

Oppure senza tanti giri di parole:

Ci sono due opzioni obbligatorie: una esclude l'obbligatorietà dell'altra.

Quindi in maniera dinamica, a seconda degli eventi, come dicevi propriamente tu.

Mi sarò spiegato?   

[vales]

Direi che si può fare. Con un buon uso di javascript di cui al momento non ho la piena conoscenza.

La logica del form però sarebbe invertita perchè entrambi i campi andrebbero visualizzati per decidere quale scegliere, e nascondere quello non scelto non vedo che utilità può avere.

Dal lato pratico però, in caso di archiviazione nel database non vedo l'utilità, perchè comunque anche al campo che sarà nascosto va attribuito un valore di default.

[LuxorTheFirst]

Sì , in effetti mi son spiegato maluccio. Diciamo che ho fatto riferimento alla "geometria variabile" di cui ti parlavi però senza però riferirmi alla scomparsa dei campi. Diciamo che questa possibilità che ti ho proposto sarebbe variabile, senza geometria.  Non so, un altro nome potrebbe essere form con controllo variabile dove per controllo si intende il check che il form fa sui campi obbligatori. [I due campi dovrebbero essere sempre visibili: in modo che ci sia la scelta]

[sudoku]

Procederemo nello stesso modo anche per i RadioButton, con una piccola variante, i bottoni che non provocano modifiche al form saranno qualificati con l'attributo rel="none", quelli che invece attivano modifiche avranno un nuovo attributo rel diverso dagli altri precedentemente utilizzati. Vediamo l'esempio

<input value="Single" title="" id="radio00" name="radio0" type="radio" rel="none"/>

<input value="Coniugato-a" title="" id="radio01" name="radio0" type="radio" value="check" rel="con"/>

<input value="Convivente" title="" id="radio02" name="radio0" type="radio" value="check" rel="con"/>

In questo caso per il radio relativo alla scelta single abbiamo usato l'attributo rel="none" perchè questa scelta non attiverà nulla. Per le altre due opzioni coniugato-a e convivente abbiamo usato l'attributo rel="con".

Dalle prove effettuate la stessa procedura per i radio button descritta da Vales, funziona anche con i dropdown. A volte capita di avere lunghi elenchi di "scelta" da selezionare e questa soluzione ottimizza il porcesso:

Il codice in questo caso sarà implementato come segue:

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 100px;">Scelte multiple</label>
    <select class="cf_inputbox validate-selection" id="select_1" size="1" title=""  name="dropdown">
   
      <option value="option 1" rel="none">option 1</option>
<option value="option 2"rel="risultato visibile"option 2</option>
<option value="option 3" rel="none">option 3</option>

    </select>
   
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
<div rel="risultato visibile">
    <label class="cf_label" style="width: 120px;">Risultato</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_2" name="risultato visibile" type="text" />
 
  </div>

[gilbe72]

Ciao, scusate non so se è il posto giusto.... io uso Chrono forms per le iscrizioni ad eventi... e funziona benissimo per singole persone, potrei inserire iscrizioni di gruppo? ad esempio il gruppo x composto da n persone e mi si aprono le n caselle per iscriverle? purtroppo non ho capito un gran che di tutti sti codici... c'è un'automazione in tal senso? grazie

[vales]

Benvenuto nella comunità italiana di Joomla gilbe72,

Non penso che con form tipo quello dell'articolo puoi risolvere il problema perchè il form ha sempre dei campi fissi, quindi non è in grado di inserire n campi in mondo indefinito.
Al massimo penso che un  gruppo lo puoi iscrivere in una text area. Ma la gestione dei singoli credo poi porrebbe qualche difficoltà di gestione, invio email ecc.

[sudoku]

Ciao, scusate non so se è il posto giusto.... io uso Chrono forms per le iscrizioni ad eventi... e funziona benissimo per singole persone, potrei inserire iscrizioni di gruppo? ad esempio il gruppo x composto da n persone e mi si aprono le n caselle per iscriverle? purtroppo non ho capito un gran che di tutti sti codici... c'è un'automazione in tal senso? grazie

potresti sempre creare n form per n gruppi e potresti far sì che per quella parte di portale si renda visibile il form di destinazione. In alternativa puoi creare un form che in un dropmenu inserisca gli n-gruppi. Quando l'utente si iscrive all'evento sceglie di quale gruppo fare parte e a quel punto viene veicolata la stessa ad una email predefinita. Quella email rivevrà iscrizione solo da chi partecipa a quel gruppo.

[Ciovo]

Ciao Vales, scusa se riprendo questo vecchio thread ma penso sia la cosa migliore (correggimi se sbaglio).

Ho provato ad utilizzare lo script per fare comparire/scoparire alcuni campi con la versione 4 di chronoforms inserendo il codice all'interno di OnLoad -> Load JS sia prima sia dopo Load HTML.
Se lo faccio, però, non funziona più il sistema di segnalazione contestuale degli errori in javascript e invece ricarica la pagina riportando gli errori solo in alto nella pagina in inglese e non più in italiano.
Hai idea di come si possa "aggiornare" il sistema o lo script alla versione 4?
Mi sembrerebbe una cosa molto utile...

Grazie e complimenti per le guide, sono eccezionali.

[vales]

Prova ad utilizzare i metodi mostrati in questa discussione

http://forum.joomla.it/index.php/topic,98717.0.html

[noiseasy]

Prova ad utilizzare i metodi mostrati in questa discussione

http://forum.joomla.it/index.php/topic,98717.0.html

Ciao Vales, sono nuovissimo di Joomla e Chronoforms e sto cercando di creare un form per l'invio di un'iscrizione ad un evento.
Grazie alle tue guide e ai tuoi interventi devo dire che sono riuscito a fare molto.
Solo che ho un problema che non riesco a risolvere.

Come ha scritto Ciovo utilizzando lo script per il form a geometria variabile, con la versione 4, non funzionano più gli script di chronoform. Sia la segnalazione degli errori, che i suggerimenti e anche i campi datapicker. Praticamente vengono ignorati questi script. Ho provato a seguire il thread che hai indicato, ma non sono riuscito a capire il problema...e tantomeno a risolverlo...

Credo che anche altri possano intoppare nello stesso problema...

Ti ringrazio e mi unisco anche io al coro di complimenti per l'apporto che dai alla comunità e per le tue guide che sono davvero preziose!

ciao

[cieloazzurro]

Ciao Vales,


non mi è chiara una cosa.
Ma il form devo crearlo dal wizard guidato del Chronoforms oppure devo mettere il codice del form che è riportato?
[/size]
[/size]Grazie

[assospiz]

Ciao a tutt*,
ci "attacchiamo" a questo post un po' datato per una domanda al popolo del forum ma soprattutto, pensiamo, per il mitico Vales.
Da perfetti "amatori dilettanti" stiamo modificano i forms dinamici a geometria variabile del nostro sito per migrare da CFv3 a CFv4.
Siamo riusciti a "tradurre" tutto nel linguaggio di CFv4 ma abbiamo scoperto che se utilizziamo ancora il JS tratto da http://www.quirksmode.org/dom/usableforms.html la validazione di CFv4 non funziona più.
Esempio dove il dropdown e almeno un checkbox sono "required":
http://www.vascotto.it/index.php?option=com_chronoforms&chronoform=dynamic_checkbox_short
Qualcuno sa dirci il motivo?
Grazie infinite per ogni suggerimento/consiglio.
Buone Feste a tutt*.
Assospiz
PS: il vecchio form in CFv3 sopravvive regolarmente qui
http://www.spiz.it/index.php?option=com_chronocontact&chronoformname=olimpiade_clanfe_4

[busker]

Ciao a tutti, questo è il mio primo post qui e lo faccio in una discussione vecchiotta ma evidentemente attuale.

La mia situazione è questa:
dropdown con tre scelte "scelta1", "scelta2", "scelta3"
campo di testo A visibile nel caso venga selezionato "scelta1", "scelta2" o "scelta3"
campo di testo B visibile nel caso venga selezionato "scelta1" o "scelta2"campo di testo C visibile nel caso venga selezionato "scelta1"Come posso fare?

[assospiz]

Ciao,
prova a "giocarti" con le soluzioni di questa guida.
http://www.chronoengine.com/faqs/58-cfv4/cfv4-elements-and-html/2657-how-can-i-build-a-combo-box-input.html