» checkbox... funzioni combinate

Charlotte · 08-08-06, 12:58

ciao a tutti ^_^

spero di aver azzeccato la sezione dove postare ^_^

inizio postando il mio codice, così che abbiate una visione più chiara del problema

Codice:

<script language="javascript">

var conta=0;
function  ctr(quale)
	{
	if (quale.checked)
		{
		conta++;
		if (conta > 1)
			{
			alert("Puoi scegliere solo un indirizzo!");
			quale.checked=false;
			conta--;
			}
		} else  	{
			conta>0?conta--:null;
			}
	}


function vedinonvedi(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>

<input type="checkbox" name="specializzazione" value="artistico" onClick="ctr(this); vedinonvedi('div_art'); return true;"> Artistico
<input type="checkbox" name="specializzazione" value="classico" onClick="ctr(this); vedinonvedi('div_cla'); return true;"> Classico

<div id="div_art" style="display: none">

<input type="text" name="capacità_art" value="20" disabled="disabled" size="5"> 
<input type="text" name="capacità_let" value="5" disabled="disabled" size="5"> 
<input type="text" name="capacità_lin" value="0" disabled="disabled" size="5"> 
<input type="text" name="capacità_psi" value="10" disabled="disabled" size="5"> 
<input type="text" name="capacità_mat" value="5" disabled="disabled" size="5"> 

</div>

<div id="div_cla" style="display: none">

<input type="text" name="capacità_art" value="0" disabled="disabled" size="5"> 
<input type="text" name="capacità_let" value="20" disabled="disabled" size="5"> 
<input type="text" name="capacità_lin" value="10" disabled="disabled" size="5"> 
<input type="text" name="capacità_psi" value="5" disabled="disabled" size="5"> 
<input type="text" name="capacità_mat" value="5" disabled="disabled" size="5"> 

</div>

il primo codice javascript fa si che non si possa selezionare più di un campo e appare un messaggio di errore quando si prova a farlo... il secondo fa apparire i div in base al checkbox selezionato...

il problema è che se l'utente clicca prima sul campo artistico (facendo apparire quindi il div corrispondente) e poi su quello classico gli appare il messaggio di errore... ma gli appare anche il div "div_cla" che va ad aggiungersi al primo.... si ha così un grande macello XDDDD

come posso risolvere (sempre se si è capito il mio problema XD)?

Charlotte · 08-08-06, 17:51

Sono riuscita a creare il codice da sola...

Codice:

<?php
session_start();
session_register("eta","spec","capacita_art","capacita_let","capacita_lin","capacita_psi","capacita_sci"); 
?>

<html>
<head>
<title>Iscrizione</title>

<script type="text/javascript">
function  ctr(id) {
if (document.getElementById(id).checked==true) {

if (document.getElementById(id).value=="artistico") {

document.getElementById("cla").checked = false;
document.getElementById("div_cla").style.display = "none";

document.getElementById("lin").checked = false;
document.getElementById("div_lin").style.display = "none";

document.getElementById("psi").checked = false;
document.getElementById("div_psi").style.display = "none";

document.getElementById("sci").checked = false;
document.getElementById("div_sci").style.display = "none";

document.getElementById("div_" + id).style.display = "";
}

else if (document.getElementById(id).value=="classico") {

document.getElementById("art").checked = false;
document.getElementById("div_art").style.display = "none";

document.getElementById("lin").checked = false;
document.getElementById("div_lin").style.display = "none";

document.getElementById("psi").checked = false;
document.getElementById("div_psi").style.display = "none";

document.getElementById("sci").checked = false;
document.getElementById("div_sci").style.display = "none";

document.getElementById("div_" + id).style.display = "";
}

else if (document.getElementById(id).value=="linguistico") {

document.getElementById("art").checked = false;
document.getElementById("div_art").style.display = "none";

document.getElementById("cla").checked = false;
document.getElementById("div_cla").style.display = "none";

document.getElementById("psi").checked = false;
document.getElementById("div_psi").style.display = "none";

document.getElementById("sci").checked = false;
document.getElementById("div_sci").style.display = "none";

document.getElementById("div_" + id).style.display = "";
}

else if (document.getElementById(id).value=="psicopedagogico") {

document.getElementById("art").checked = false;
document.getElementById("div_art").style.display = "none";

document.getElementById("cla").checked = false;
document.getElementById("div_cla").style.display = "none";

document.getElementById("lin").checked = false;
document.getElementById("div_lin").style.display = "none";

document.getElementById("sci").checked = false;
document.getElementById("div_sci").style.display = "none";

document.getElementById("div_" + id).style.display = "";
}

else if (document.getElementById(id).value=="scientifico") {

document.getElementById("art").checked = false;
document.getElementById("div_art").style.display = "none";

document.getElementById("cla").checked = false;
document.getElementById("div_cla").style.display = "none";

document.getElementById("lin").checked = false;
document.getElementById("div_lin").style.display = "none";

document.getElementById("psi").checked = false;
document.getElementById("div_psi").style.display = "none";

document.getElementById("div_" + id).style.display = "";
}


}
else {
document.getElementById("div_" + id).style.display = "none";
}
}
</script>

<script language="javascript" src="select.js">
</script>

<script language="javascript" src="bottoni.js">
</script>

</head>
<body>

<form name="specializzazione" action="iscrizione5.php" method="post">

<? 
if ($professione == "studente")
{?>
<!-- codice studente -->
<p>Età</p>
                  <input name="bottone_età1a" type="button" onClick="banda(this.form, 'up')" value="&nbsp;+&nbsp;">
                  <input name="eta" type="text" id="eta" onFocus="this.blur()" value="19" size="2">
                  <input name="bottone_età1b" type="button" onClick="banda(this.form, 'down')" value="&nbsp;-&nbsp;">

<p>Specializzazione</p>

<input type="checkbox" id="art" name="spec" value="artistico" onclick="ctr(this.id);"> 

Artistico

<input type="checkbox" id="cla" name="spec" value="classico" onclick="ctr(this.id);"> 

Classico

<input type="checkbox" id="lin" name="spec" value="linguistico" onclick="ctr(this.id);"> 

Linguistico

<input type="checkbox" id="psi" name="spec" value="psicopedagogico" onclick="ctr(this.id);"> 

Psicopedagogico

<input type="checkbox" id="sci" name="spec" value="scientifico" onclick="ctr(this.id);"> 

Scientifico


<div id="div_art" style="display: none;">

<input type="text" name="capacita_art" value="20" disabled="disabled" size="5"> 
<input type="text" name="capacita_let" value="5" disabled="disabled" size="5"> 
<input type="text" name="capacita_lin" value="0" disabled="disabled" size="5"> 
<input type="text" name="capacita_psi" value="10" disabled="disabled" size="5"> 
<input type="text" name="capacita_mat" value="5" disabled="disabled" size="5"> 

</div>

<div id="div_cla" style="display: none;">

<input type="text" name="capacita_art" value="0" disabled="disabled" size="5"> 
<input type="text" name="capacita_let" value="20" disabled="disabled" size="5"> 
<input type="text" name="capacita_lin" value="10" disabled="disabled" size="5"> 
<input type="text" name="capacita_psi" value="5" disabled="disabled" size="5"> 
<input type="text" name="capacita_mat" value="5" disabled="disabled" size="5">
</div>

<div id="div_lin" style="display: none;">

<input type="text" name="capacita_art" value="5" disabled="disabled" size="5"> 
<input type="text" name="capacita_let" value="10" disabled="disabled" size="5"> 
<input type="text" name="capacita_lin" value="20" disabled="disabled" size="5"> 
<input type="text" name="capacita_psi" value="5" disabled="disabled" size="5"> 
<input type="text" name="capacita_mat" value="0" disabled="disabled" size="5"> 

</div>

<div id="div_psi" style="display: none;">

<input type="text" name="capacita_art" value="5" disabled="disabled" size="5"> 
<input type="text" name="capacita_let" value="0" disabled="disabled" size="5"> 
<input type="text" name="capacita_lin" value="5" disabled="disabled" size="5"> 
<input type="text" name="capacita_psi" value="20" disabled="disabled" size="5"> 
<input type="text" name="capacita_mat" value="10" disabled="disabled" size="5"> 

</div>

<div id="div_sci" style="display: none;">

<input type="text" name="capacita_art" value="10" disabled="disabled" size="5"> 
<input type="text" name="capacita_let" value="5" disabled="disabled" size="5"> 
<input type="text" name="capacita_lin" value="5" disabled="disabled" size="5"> 
<input type="text" name="capacita_psi" value="0" disabled="disabled" size="5"> 
<input type="text" name="capacita_mat" value="20" disabled="disabled" size="5"> 

</div>

</form>

<? }
else
{?>
<!-- codice impiegato -->
<p>Età</p>
                  <input name="bottone_età2a" type="button" onClick="banda2(this.form, 'up')" value="&nbsp;+&nbsp;">
                  <input name="eta" type="text" id="eta" onFocus="this.blur()" value="27" size="2">
                  <input name="bottone_età2b" type="button" onClick="banda2(this.form, 'down')" value="&nbsp;-&nbsp;">

<p>Specializzazione</p>

<input type="text" name="capacità_art" size="5"> 
<input type="text" name="capacità_let" size="5"> 
<input type="text" name="capacità_lin" size="5"> 
<input type="text" name="capacità_psi" size="5"> 
<input type="text" name="capacità_mat" size="5"> 

<? }
?>

<input type="submit" value="Continua" id="bottone">
</form>

</body>
</html>

e funziona ^_^ (naturalmente la parte impiegato va completata...)

il problema è che cliccando sul bottone continua non mi va alla pagina seguente.

ho fatto alcune prove togliendo pezzi di codice e sono arrivata alla conclusione che riguarda solo il pezzo che ha a che fare con la specializzazione (togliendo quella infatti funziona tutto)....

qualcuno mi aiuta?

08-08-06, 12:58	#1 (permalink)
Charlotte User Data di registrazione: Feb 2006 Ubicazione: Roma Messaggi: 35	checkbox... funzioni combinate ciao a tutti ^_^ spero di aver azzeccato la sezione dove postare ^_^ inizio postando il mio codice, così che abbiate una visione più chiara del problema Codice: <script language="javascript"> var conta=0; function ctr(quale) { if (quale.checked) { conta++; if (conta > 1) { alert("Puoi scegliere solo un indirizzo!"); quale.checked=false; conta--; } } else { conta>0?conta--:null; } } function vedinonvedi(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> <input type="checkbox" name="specializzazione" value="artistico" onClick="ctr(this); vedinonvedi('div_art'); return true;"> Artistico <input type="checkbox" name="specializzazione" value="classico" onClick="ctr(this); vedinonvedi('div_cla'); return true;"> Classico <div id="div_art" style="display: none"> <input type="text" name="capacità_art" value="20" disabled="disabled" size="5"> <input type="text" name="capacità_let" value="5" disabled="disabled" size="5"> <input type="text" name="capacità_lin" value="0" disabled="disabled" size="5"> <input type="text" name="capacità_psi" value="10" disabled="disabled" size="5"> <input type="text" name="capacità_mat" value="5" disabled="disabled" size="5"> </div> <div id="div_cla" style="display: none"> <input type="text" name="capacità_art" value="0" disabled="disabled" size="5"> <input type="text" name="capacità_let" value="20" disabled="disabled" size="5"> <input type="text" name="capacità_lin" value="10" disabled="disabled" size="5"> <input type="text" name="capacità_psi" value="5" disabled="disabled" size="5"> <input type="text" name="capacità_mat" value="5" disabled="disabled" size="5"> </div> il primo codice javascript fa si che non si possa selezionare più di un campo e appare un messaggio di errore quando si prova a farlo... il secondo fa apparire i div in base al checkbox selezionato... il problema è che se l'utente clicca prima sul campo artistico (facendo apparire quindi il div corrispondente) e poi su quello classico gli appare il messaggio di errore... ma gli appare anche il div "div_cla" che va ad aggiungersi al primo.... si ha così un grande macello XDDDD come posso risolvere (sempre se si è capito il mio problema XD)?
	__________________ :angelo: .: Charlotte :. :ehehe:

08-08-06, 17:51	#2 (permalink)
Charlotte User Data di registrazione: Feb 2006 Ubicazione: Roma Messaggi: 35	Sono riuscita a creare il codice da sola... Codice: <?php session_start(); session_register("eta","spec","capacita_art","capacita_let","capacita_lin","capacita_psi","capacita_sci"); ?> <html> <head> <title>Iscrizione</title> <script type="text/javascript"> function ctr(id) { if (document.getElementById(id).checked==true) { if (document.getElementById(id).value=="artistico") { document.getElementById("cla").checked = false; document.getElementById("div_cla").style.display = "none"; document.getElementById("lin").checked = false; document.getElementById("div_lin").style.display = "none"; document.getElementById("psi").checked = false; document.getElementById("div_psi").style.display = "none"; document.getElementById("sci").checked = false; document.getElementById("div_sci").style.display = "none"; document.getElementById("div_" + id).style.display = ""; } else if (document.getElementById(id).value=="classico") { document.getElementById("art").checked = false; document.getElementById("div_art").style.display = "none"; document.getElementById("lin").checked = false; document.getElementById("div_lin").style.display = "none"; document.getElementById("psi").checked = false; document.getElementById("div_psi").style.display = "none"; document.getElementById("sci").checked = false; document.getElementById("div_sci").style.display = "none"; document.getElementById("div_" + id).style.display = ""; } else if (document.getElementById(id).value=="linguistico") { document.getElementById("art").checked = false; document.getElementById("div_art").style.display = "none"; document.getElementById("cla").checked = false; document.getElementById("div_cla").style.display = "none"; document.getElementById("psi").checked = false; document.getElementById("div_psi").style.display = "none"; document.getElementById("sci").checked = false; document.getElementById("div_sci").style.display = "none"; document.getElementById("div_" + id).style.display = ""; } else if (document.getElementById(id).value=="psicopedagogico") { document.getElementById("art").checked = false; document.getElementById("div_art").style.display = "none"; document.getElementById("cla").checked = false; document.getElementById("div_cla").style.display = "none"; document.getElementById("lin").checked = false; document.getElementById("div_lin").style.display = "none"; document.getElementById("sci").checked = false; document.getElementById("div_sci").style.display = "none"; document.getElementById("div_" + id).style.display = ""; } else if (document.getElementById(id).value=="scientifico") { document.getElementById("art").checked = false; document.getElementById("div_art").style.display = "none"; document.getElementById("cla").checked = false; document.getElementById("div_cla").style.display = "none"; document.getElementById("lin").checked = false; document.getElementById("div_lin").style.display = "none"; document.getElementById("psi").checked = false; document.getElementById("div_psi").style.display = "none"; document.getElementById("div_" + id).style.display = ""; } } else { document.getElementById("div_" + id).style.display = "none"; } } </script> <script language="javascript" src="select.js"> </script> <script language="javascript" src="bottoni.js"> </script> </head> <body> <form name="specializzazione" action="iscrizione5.php" method="post"> <? if ($professione == "studente") {?> <!-- codice studente --> <p>Età</p> <input name="bottone_età1a" type="button" onClick="banda(this.form, 'up')" value=" + "> <input name="eta" type="text" id="eta" onFocus="this.blur()" value="19" size="2"> <input name="bottone_età1b" type="button" onClick="banda(this.form, 'down')" value=" - "> <p>Specializzazione</p> <input type="checkbox" id="art" name="spec" value="artistico" onclick="ctr(this.id);"> Artistico <input type="checkbox" id="cla" name="spec" value="classico" onclick="ctr(this.id);"> Classico <input type="checkbox" id="lin" name="spec" value="linguistico" onclick="ctr(this.id);"> Linguistico <input type="checkbox" id="psi" name="spec" value="psicopedagogico" onclick="ctr(this.id);"> Psicopedagogico <input type="checkbox" id="sci" name="spec" value="scientifico" onclick="ctr(this.id);"> Scientifico <div id="div_art" style="display: none;"> <input type="text" name="capacita_art" value="20" disabled="disabled" size="5"> <input type="text" name="capacita_let" value="5" disabled="disabled" size="5"> <input type="text" name="capacita_lin" value="0" disabled="disabled" size="5"> <input type="text" name="capacita_psi" value="10" disabled="disabled" size="5"> <input type="text" name="capacita_mat" value="5" disabled="disabled" size="5"> </div> <div id="div_cla" style="display: none;"> <input type="text" name="capacita_art" value="0" disabled="disabled" size="5"> <input type="text" name="capacita_let" value="20" disabled="disabled" size="5"> <input type="text" name="capacita_lin" value="10" disabled="disabled" size="5"> <input type="text" name="capacita_psi" value="5" disabled="disabled" size="5"> <input type="text" name="capacita_mat" value="5" disabled="disabled" size="5"> </div> <div id="div_lin" style="display: none;"> <input type="text" name="capacita_art" value="5" disabled="disabled" size="5"> <input type="text" name="capacita_let" value="10" disabled="disabled" size="5"> <input type="text" name="capacita_lin" value="20" disabled="disabled" size="5"> <input type="text" name="capacita_psi" value="5" disabled="disabled" size="5"> <input type="text" name="capacita_mat" value="0" disabled="disabled" size="5"> </div> <div id="div_psi" style="display: none;"> <input type="text" name="capacita_art" value="5" disabled="disabled" size="5"> <input type="text" name="capacita_let" value="0" disabled="disabled" size="5"> <input type="text" name="capacita_lin" value="5" disabled="disabled" size="5"> <input type="text" name="capacita_psi" value="20" disabled="disabled" size="5"> <input type="text" name="capacita_mat" value="10" disabled="disabled" size="5"> </div> <div id="div_sci" style="display: none;"> <input type="text" name="capacita_art" value="10" disabled="disabled" size="5"> <input type="text" name="capacita_let" value="5" disabled="disabled" size="5"> <input type="text" name="capacita_lin" value="5" disabled="disabled" size="5"> <input type="text" name="capacita_psi" value="0" disabled="disabled" size="5"> <input type="text" name="capacita_mat" value="20" disabled="disabled" size="5"> </div> </form> <? } else {?> <!-- codice impiegato --> <p>Età</p> <input name="bottone_età2a" type="button" onClick="banda2(this.form, 'up')" value=" + "> <input name="eta" type="text" id="eta" onFocus="this.blur()" value="27" size="2"> <input name="bottone_età2b" type="button" onClick="banda2(this.form, 'down')" value=" - "> <p>Specializzazione</p> <input type="text" name="capacità_art" size="5"> <input type="text" name="capacità_let" size="5"> <input type="text" name="capacità_lin" size="5"> <input type="text" name="capacità_psi" size="5"> <input type="text" name="capacità_mat" size="5"> <? } ?> <input type="submit" value="Continua" id="bottone"> </form> </body> </html> e funziona ^_^ (naturalmente la parte impiegato va completata...) il problema è che cliccando sul bottone continua non mi va alla pagina seguente. ho fatto alcune prove togliendo pezzi di codice e sono arrivata alla conclusione che riguarda solo il pezzo che ha a che fare con la specializzazione (togliendo quella infatti funziona tutto).... qualcuno mi aiuta?
	__________________ :angelo: .: Charlotte :. :ehehe:

Condividi questo contenuto nei Social Network:		Tweet
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.

Strumenti di discussione
Visualizza la versione stampabile Invia la pagina tramite email