Modifica ad una funzione if else

[fmortara]

Salve,
uso una piccola funzione per mostrare/nascondere dei div in base alla modifica di una select.

function showForm(sel){
	if(sel.options[sel.selectedIndex].value == 'page')
	{
		document.getElementById('page_form').style.display='block';
		document.getElementById('url_form').style.display='none';
		document.getElementById('cp_form').style.display='none';
	} 
	else if(sel.options[sel.selectedIndex].value == 'url')
	{
		document.getElementById('page_form').style.display='none';
		document.getElementById('url_form').style.display='block';
		document.getElementById('cp_form').style.display='none';
	} 
	else if(sel.options[sel.selectedIndex].value == 'cp')
	{
		document.getElementById('page_form').style.display='none';
		document.getElementById('url_form').style.display='none';
		document.getElementById('cp_form').style.display='block';
	} 
	else
	{
		document.getElementById('page_form').style.display='none';
		document.getElementById('url_form').style.display='none';
		document.getElementById('cp_form').style.display='none';
	}
}

Ma come immaginerete se aggiungo un div, devo scrivere la riga in ogni condizione if.
Dato che non sono molto esperto in javascript, vorrei sapere se esiste un modo per automatizzare il processo?

Grazie in anticipo.

[lucavizzi]

potresti nascondere preventivamente tutti i form della pagina e poi mostrare solo quello di cui ricevi l'id.
In alternativa, se ci sono form che non devono mai essere nascosti, puoi assegnare una classe solo ai form interessati e nascondere solo quelli.

[fmortara]

In effetti lo faccio, ma alla modifica della select devo nascondere quello mostrato e mostrarne un altro.

[carlomarx]

Originariamente inviato da fmortara
In effetti lo faccio, ma alla modifica della select devo nascondere quello mostrato e mostrarne un altro.

Memorizzati in una variabile globale il div appena mostrato e alla successiva scelta nascondi il div contenuto nella variabile, mostri il nuovo div e sovrascrivi la variabile col nuovo div.

[fmortara]

ehm... non conosco a sufficienza il js per farlo...
non è che scriveresti due righe di getto?

[carlomarx]

Originariamente inviato da fmortara
ehm... non conosco a sufficienza il js per farlo...
non è che scriveresti due righe di getto?

var oShownDiv = null;

function showForm(sel){
	if(sel.options[sel.selectedIndex].value == 'page')
	{
		if (oShownDiv) { oShownDiv.style.display = "none"; }
		oShownDiv = document.getElementById("page_form");
		oShownDiv.style.display = "block";
	} 
	else if(sel.options[sel.selectedIndex].value == 'url')
	{
		if (oShownDiv) { oShownDiv.style.display = "none"; }
		oShownDiv = document.getElementById("url_form");
		oShownDiv.style.display = "block";
	} 
	else if(sel.options[sel.selectedIndex].value == 'cp')
	{
		if (oShownDiv) { oShownDiv.style.display = "none"; }
		oShownDiv = document.getElementById("cp_form");
		oShownDiv.style.display = "block";
	} 
	else if (oShownDiv) { oShownDiv.style.display = "none"; }
}

[carlomarx]

Calcola che se assegni a ciascuna option il valore esatto dell'id del div e a una option il valore di "nessuno" (valore scelto a caso) ti puoi semplificare di molto la vita...:

var oShownDiv = null;

function showForm(sel) {
	var sDivId = sel.options[sel.selectedIndex].value;
	if (oShownDiv) { oShownDiv.style.display = "none"; }
	if (sDivId === "nessuno") { oShownDiv = null; return; }
	oShownDiv = document.getElementById(sDivId);
	oShownDiv.style.display = "block";
}

[lucavizzi]

Originariamente inviato da fmortara
In effetti lo faccio, ma alla modifica della select devo nascondere quello mostrato e mostrarne un altro.

Intendevo, nascondere preventivamente nella funzione:

function showForm(sel){

    var selezionato=sel.options[sel.selectedIndex].value;

    //nascondo tutti i form
    var tutti_i_form=document.getElementsByTagName('form');
    for(var i=0; i<tutti_i_form.length; i++){
        tutti_i_form[i].style.display="none";
    }
    
    //mostro solo quello passato
    document.getElementById('form_'+selezionato).style.display='block'

}

[fmortara]

Intanto grazie a tutti!!

La prima funzione di Carlo va alla grande.

Per quanto riguarda la seconda, non posso dare ai div lo stesso nome dell'option, perché alcuni div si aprono con diverse option scelte.

La funzione di luca non va perché mi elimina il form e non i div nel form, ma probabilmente potrebbe andare se modificata opportunamente, me la studierò!

PS: Il form è unico, ed io nascono/mostro solo alcuni div in base ad alcune scelte dell'utente

form
..input
..select (in base a questa select mostro uno o nessuno dei div)

  ..div
  ..div
  ..div

/form

[fmortara]

Ho editato il messaggio precedente!!