Select On Fly

danlupo · 2009-08-17T16:08:23+0200

Salve devo implementare un form per la creazione di un menu:
Ho una Select dove ho:

Codice:

<select name="tipo">
            <option selected value=''>Tiplogia</option>
            <option >Carne</option>
            <option >Pesce</option>
        </select>

In Base a questa selezione dovrei vedere nei div Antipasti - Primi - Secondi - Dessert dei differenti Radio Button con delle miniature per scegliere il piatto..

Il mio problema è che non riesco ad implementare OnFly la Select e quindi non so andare avanti..

Grazie per l'aiuto.. Daniele

lukeonweb · 2009-08-18T15:43:42+0200

All'onchange della prima select prova ad associare, all'evento onchange, una funzione JS che rimandi alla stessa pagna con una querystring. Quest'ultima ti serve per verificare che, se valorizzata (e come è valorizzata) mostri altri elementi.

In sostanza, data la pagina ricerca.php, ad esempio, rimandi a:

ricerca.php?cerca1=pippo

per intenderci, poi (eventualmente) a:

ricerca.php?cerca1=pippo&cerca2=pluto

e cosi via.

Nella pagina stessa fai dei controlli:

<?
if ($cerca1 != "")
{
// query parametrizzata in funzione del valore della variabile $cerca1
}
?>

e cosi via per il resto.

Spero che l'analisi ti torni utile!

danlupo · 2009-08-20T14:27:32+0200

Salve, grazie per la risposta.. ho provato una soluzione presa da un altro forum solo che non fa nulla..

Forse ho sbagliato tutto io !!

Codice:

<html>
    <head>
        <title> Crea Menu</title>
        
        
           <script type="text/javascript">
            var arrDiv=new Array('carne','pesce')
            function mostra(sel)
            {
                alert(arrdiv.lenght)
                for(var k=0;k<arrDiv.length;k++)
                    {   
                        if  (arrDiv[k] = sel.options[sel.selectedIndex].value)
                            document.getElementById(arrDiv[k]).style.display='block';
                        else
                            document.getElementById(arrDiv[k]).style.display='none';
                    }
            }
</script>
    </head>
    <body>
        
     
        <form name="creamenu">
            <select name="tipo" onchange="mostra(this)">
                <option selected value=''>Tipologia</option>
                <option value="carne">Carne</option>
                <option value="pesce">Pesce</option>
            </select>
     
   <div id="carne">Carne</div>
   <div id="pesce">Pesce</div>
      </form>
   
   

</body>
</html>

Grazie per l'ulteriore aiuto!! Daniele

Eliox · 2009-08-20T22:02:20+0200

non c'è bisogno di specificare il metodo utilizzato dal form?

satifal · 2009-08-20T22:30:01+0200

C'era qualche errore nel codice. Prova così, sembra funzionare:

HTML:

<html>
	<head>
		<title>Crea Menu</title>
		<script type="text/javascript">
			var arrDiv = new Array('carne','pesce');
			function mostra(sel) {
				for (var k = 0; k < arrDiv.length; k++) {   
					if (arrDiv[k] == sel.options[sel.selectedIndex].value) {
						document.getElementById(arrDiv[k]).style.display='block';
					} else {
						document.getElementById(arrDiv[k]).style.display='none';
					}
				}
			}
		</script>
	</head>

	<body>
		<form name="creamenu">
			<select name="tipo" onchange="mostra(this);">
				<option selected value=''>Tipologia</option>
				<option value="carne">Carne</option>
				<option value="pesce">Pesce</option>
			</select>

			<div id="carne">Carne</div>
			<div id="pesce">Pesce</div>
		</form>
	
	</body>
</html>

danlupo · 2009-08-21T08:54:59+0200

Grazie !! Tirando le somme dovevo usare il mondo oscuro per me del JS !!

Un ultimo consiglio: per popolare i due div mi consigliate di usare degli include ?? Perchè l'idea di base è che in base alla selezione della tipologia ci siano delle alternative diverse..

Grazie Daniele

Eliox · 2009-08-21T12:27:21+0200

includerei e genererei i codici nella stessa pagina, lo vedo più sicuro degli include

Cerca

Cerca

Select On Fly

danlupo

Utente Attivo

lukeonweb

Utente Attivo

danlupo

Utente Attivo

Eliox

Utente Attivo

satifal

Utente Attivo

danlupo

Utente Attivo

Eliox

Utente Attivo

Discussioni simili