due checkbox che creano form differenti

**mygametech** · 03-09-2012, 17:13

Ecco il mio problema: ho dieci checkbox una con scritto gaming e l' altra non tecnologia. vorrei che spuntando gaming appaia un form in cui mi fa selezionare altre sotto categorie (rpg fps picchiaduro ecc..) mentre cliccando su tecnologia mi appaia un altro form con altre sottogategorie diverse dalle prime (come apple android software hardware ecc..). il tutto per inserire facilmente gli articoli nelle bare categorie del mio sito web

**cavicchiandrea** · 03-09-2012, 19:15

Ma hai 2 o 10 categorie e da quanti campi sono composti?
Se sono due e hanno 3,4,5 campi potresti inserirli in un div (contenitore) nascosto e alla spunta mostrarlo se sono dieci forse è meglio caricare con ajax 10 pagine (una per ogni categoria) che avranno i campi delle rispettive categorie, non è facile spiegarlo spero si capisca.

**mygametech** · 03-09-2012, 21:55

grazie per la risposta. le categorie sono due ma usando la scrittura facilitata del cellulare non so perchè mi ha scritto 10. comunque cosa dicevo a proposito di div nascosti?

**mygametech** · 03-09-2012, 21:58

per quanto riguarda le categorie sono precisamente sei per la sezione gaming ed altrettante per la sezione tecnologia

**mygametech** · 03-09-2012, 22:33

ok, ho risolto il problema della selezione categorie con un div nascosto (proprio come hai detto tu, ti ringrazio infinitamente) però ora ho un' altro problema, se seleziono sia gaming che tecnologia i due div nascosti si aprono tutti e due, io invece voglio che se seleziono gaming e poi successivamente tecnologia il div di gaming si chiuda e si apra quello tecnologia.
di seguito il codice:

codice:

<html>

	<head>
		
		<script type="text/javascript" language="javascript">
		
			function visualizza(id){
			
				if (document.getElementById){
				
				if(document.getElementById(id).style.display == 'none'){				
document.getElementById(id).style.display = 'block';
}
				
				else{
				
				document.getElementById(id).style.display = 'none';
						}

					}

				}
	</script>
		
	</head>
 	
    <body>

    
    
    
    

Gaming <input id="testo" type="radio" name="form" value="gaming" onclick="visualizza('gaming'); return false"/> Tecnologia <input id="testo1" type="radio" name="form" value="tecnologia" onclick="visualizza('tecnologia'); return false" /></p>
	 
	 
	 

	 




<form method='post' id="gaming" style="display:none">
	<select name='voto'>
	<option value='1'>Avventura</option>
	<option value='2'>Azione</option>
	<option value='3'>FPS</option>
	<option value='4'>RPG</option>
	<option value='5'>Sport</option>
	<option value='6'>Other</option>
	</select>
	<input type='submit' value='Invia!' />
      </form>










<form method='post' id="tecnologia" style="display:none">
	<select name='voto'>
	<option value='1'>Apple</option>
	<option value='2'>Hardware</option>
	<option value='3'>Linux</option>
	<option value='4'>Personal_computer</option>
	<option value='5'>Programmazione</option>
	<option value='6'>Smartphone</option>
	<option value='7'>Other</option>
	</select>
	<input type='submit' value='Invia!' />
      </form>


   

    </body>

    </html>

**cavicchiandrea** · 03-09-2012, 23:45

codice:

function visualizza(id){
document.getElementsByTagName("form")[0].style.display='none';
document.getElementsByTagName("form")[1].style.display='none';			
document.getElementById(id).style.display = 'block';
}

P.S. togli il return false nel onclick dei radio che non serve

**mygametech** · 04-09-2012, 01:02

grazie del codice ma l' ho provato e non sembra funzionare, quando clicco una spunta mi scompare tutto, comunque ho risolto usando questo codice:

codice:

function visualizza(id)
{
if (document.getElementById){
if(document.getElementById(id).style.display == 'none')
// se l'elemento è invisibile
{document.getElementById(id).style.display = 'block';
// rendi visibile l'elemento; non sulla stessa linea
if (id == 'game') {document.getElementById('tec').style.display = 'none'; } 
// se clicchi su game nascondi tec
if (id == 'tec') {document.getElementById('game').style.display = 'none'; }
// se clicchi su tec nascondi game
}
else
{
if ((document.getElementById('game').style.display == 'block') && (id == 'game'))
// se premo un tasto già premuto in precendenza
{
alert("Opzione già selezionata");
return 0; // ritorna valore nullo
}
if ((document.getElementById('tec').style.display == 'block') && (id == 'tec'))
// se premo un tasto già premuto in precendenza
{
alert("Opzione già selezionata");
return 0; // ritona valore nullo
}
document.getElementById(id).style.display = 'none';
// togli da output l'elemento
}
}

}

Discussione: due checkbox che creano form differenti

Strumenti discussione

Ricerca discussione

Visualizza

due checkbox che creano form differenti

Permessi di invio