Realizzare Form dinamiche

[3com_mr]

Salve,

dovrei creare una form con questa peculiarità:

Sopra tutte le voci ci deve essere un menu a tendina con due voci:
- Messaggio
- Ordine

Se selezionato messaggio non succede nulla, i campi che erano visibili restano visibili, se selezionato Ordine devono apparire 4 o 5 campi in più nella form

Come si può fare?

[kylnas1]

Originariamente inviato da 3com_mr
Come si può fare?

Con DHTML.

[3com_mr]

Originariamente inviato da kylnas1
Con DHTML.

Esiste, che tu sappia, qualche script simile? Oppure mi puoi dare qualche dritta?

Grazie

[kylnas1]

Originariamente inviato da 3com_mr
Esiste, che tu sappia, qualche script simile? Oppure mi puoi dare qualche dritta?

Grazie

Ti consiglio di creare div con all'interno quei campi in più che all'occorrenza rende visibile o non visibile.

[JoeP]

Improvviso:

<script language="javascript" type="text/javascript">
   function swapshow(showmess) {
	  messdiv = document.getElementById('mess');
	  orddiv = document.getElementById('ord');
      messdiv.style.display = (showmess) ? 'block' : 'none';
      orddiv.style.display = (showmess) ? 'none' : 'block';
   }
</script>

<form>

<select name="sezione">
  <option value="mess" selected onclick="swapshow(true)">Messaggio</option>
  <option value="ord" onclick="swapshow(false)">Ordine</option>
</select>

<div id="mess">
   I campi di "messaggio"...
</div>

<div id="ord" style="display: none;">
   I campi di "ordine"...
</div>

</form>

[3com_mr]

Originariamente inviato da JoeP
Improvviso:

<script language="javascript" type="text/javascript">
   function swapshow(showmess) {
	  messdiv = document.getElementById('mess');
	  orddiv = document.getElementById('ord');
      messdiv.style.display = (showmess) ? 'block' : 'none';
      orddiv.style.display = (showmess) ? 'none' : 'block';
   }
</script>

<form>

<select name="sezione">
  <option value="mess" selected onclick="swapshow(true)">Messaggio</option>
  <option value="ord" onclick="swapshow(false)">Ordine</option>
</select>

<div id="mess">
   I campi di "messaggio"...
</div>

<div id="ord" style="display: none;">
   I campi di "ordine"...
</div>

</form>

Grazie è quasi quello che mi serve, ma riscontro due porblemi

1 - Con IE7 non funziona...
2 - La base è Messaggio con i suoi campi, quando seleziono Ordine i campi di Messaggio devono rimanere sempre visibili e devono visualizzarsi quelli di Ordine

[kylnas1]

Prova a modificare quello che ti ha scritto JoeP modificando questa riga:

da
<option value="mess" selected onclick="swapshow(true)">Messaggio</option>

a
<option value="mess" selectec="selected" onclick="swapshow(true)">Messaggio</option>

Non credo sia quello, ma non capisco cosa può essere, si tratta di normale codice js. Comunque prova.

[JoeP]

Originariamente inviato da 3com_mr
Grazie è quasi quello che mi serve, ma riscontro due porblemi
1 - Con IE7 non funziona...
2 - La base è Messaggio con i suoi campi, quando seleziono Ordine i campi di Messaggio devono rimanere sempre visibili e devono visualizzarsi quelli di Ordine

1 - Acc... Come al solito. Faccio delle prove e ti dico...
2 - Togli la riga: messdiv.style.display = (showmess) ? 'block' : 'none';

[3com_mr]

EDITO

Non funziona su IE7

Per il secondo punto potrei risolvere duplicando tutti i campi nelle due opzioni, in Ordine però aggiungo quelli in più

[JoeP]

Originariamente inviato da 3com_mr
Per il secondo punto potrei risolvere duplicando tutti i campi nelle due opzioni, in Ordine però aggiungo quelli in più

Non è elegante, anzi! Ogni modifica ai capi Messaggio dovresti poi copiarla due volte. Piuttosto togli la riga che ti ho detto...