Back to top

Autore Topic: Dropdown a comparsa e chronoforms  (Letto 935 volte)

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Dropdown a comparsa e chronoforms
« il: 28 Ott 2010, 20:41:08 »
Salve a tutti :) non so se sto violando qualche regola del forum o la sezione è sbagliata. Nel caso perdonatemi.

Innanzitutto volevo dirvi che siete una comunità fantastica e i gestori sono veramente disponibili da quanto ho potuto vedere navigando nel forum :)

Ho provato a cercare la soluzione del mio problema ma nulla.

Premetto che non sono per nulla pratico di alcun linguaggio informatico e ciò che vi riporterò e frutto di miei esperimenti e deduzioni  ;D

In pratica stavo realizzando un form con chronoforms che contenesse dei dropdown menu che dipendessero e comparissero a seconda della scelta fatta da un drop menu "padre".

L'idea della struttura l'ho presa da un post qui nel vostro forum ed in effetti ci sono riuscito a realizzare il mio desiderio solo che ogni scelta nel menu "padre" provoca uno spostamento spaziale verso il basso del menu figlio corrispondente .
In pratica il primo menu figlio della prima scelta derivata dal menu padre compare subito sotto il menu padre. Il secondo menu figlio della seconda scelta invece, non va ad occupare (come vorrei) la posizione del menu figlio della prima scelta ma, compare subito sotto l'ipotetica posizione del primo menu figio che, naturalmente, non è visibile perchè abbiamo operato la seconda scelta dal menu padre.
E così via per le scelte successive che più sono e più mi fanno slittare  verso il basso il loro menu corrispondente  :'(

Non so se mi sono spiegato  :P

Dove sbaglio?

Eccovi il codice html di sole tre opzioni:

Codice: [Seleziona]
<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 100px;">Arcidiocesi</label>
    <select class="cf_inputbox validate-selection" id="select_1" size="1" title=""  name="dropdown">
   
      <option value="option 1" rel="none">Seleziona</option>
<option value="option 2"rel="risultato visibile1">Aquileia</option>
<option value="option 3" rel="risultato visibile2">Genova</option>
<option value="option 4" rel="risultato visibile3">Milano</option>

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

<div class="form_item">
  <div class="form_element cf_dropdown">
<div rel="risultato visibile1">
  <label class="cf_label" style="width: 150px;">Diocesi Battesimo</label>
    <select class="cf_inputbox validate-selection" id="select_4" size="1" title=""  name="dioaqui">
    <option value="">Seleziona</option>
      <option value="Venezia">Venezia</option>
<option value="Padova">Padova</option>
<option value="Parenzo">Parenzo</option>
<option value="Pola">Pola</option>
<option value="Portogruaro">Portogruaro</option>
<option value="Treviso">Treviso</option>
<option value="Mantua">Mantua</option>
<option value="Udine">Udine</option>

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

<div class="form_item">
  <div class="form_element cf_dropdown">
<div rel="risultato visibile2">
  <label class="cf_label" style="width: 150px;">Diocesi Battesimo</label>
    <select class="cf_inputbox validate-selection" id="select_5" size="1" title=""  name="diogen">
    <option value="">Seleziona</option>
      <option value="Genova">Genova</option>
<option value="Chiavari">Chiavari</option>
<option value="La Spezia">La Spezia</option>
<option value="Albenga">Albenga</option>
<option value="Ventimiglia">Ventimiglia</option>

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

<div class="form_item">
  <div class="form_element cf_dropdown">
<div rel="risultato visibile3">
  <label class="cf_label" style="width: 150px;">Diocesi Battesimo</label>
    <select class="cf_inputbox validate-selection" id="select_6" size="1" title=""  name="diomil">
    <option value="">Seleziona</option>
      <option value="Milano">Milano</option>
<option value="Como">Como</option>
<option value="Lodi">Lodi</option>
<option value="Alessandria">Alessandria</option>
<option value="Novara">Novara</option>
<option value="Savona">Savona</option>
<option value="Pavia">Pavia</option>

il codice java l'ho preso da qui come era indicato dal post a cui mi sono ispirato:

http://www.quirksmode.org/dom/usableforms.js

Grazie  :)

« Ultima modifica: 28 Ott 2010, 20:43:27 da virgus »

Offline virgus

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Dropdown a comparsa e chronoforms
« Risposta #1 il: 29 Ott 2010, 00:29:45 »
Nessun suggerimento sul codice?  :-[

 



Web Design Bolzano Kreatif