Semplice domanda con Javascript

sunlightbanana · 26 Ott 2011

Sono nuovo e spero di trovarmi bene in questo forum, vi chiedo un aiuto:

Non riesco a venirne a capo , sarà perché sono solo all'inizio, ecco il codice:

Codice:

<html>
<head>
<script type="text/javascript">
function prova()
{
	x=0
	if (ubuntu.scelta[0].checked)
	{
		alert("Sbagliato);
	}
	else if (ubuntu.scelta[1].checked)
	{
		alert("Sbagliato");
	}
	else if (ubuntu.scelta[2].checked)
	{
		alert("Giusto");
	}
	else if (ubuntu.scelta[3].checked)
	{
	    alert("sbagliato");
    }
}	
</script>
</head>
<body>
Come si chiama l'ultima distribuzione di Ubuntu?<br/><br/>
<form method="get" onSubmit="prova()" name="ubuntu">
<input type="radio" value="Ok" name="scelta" />Karmic Koala <br/>
<input type="radio" value="Ok" name="scelta" />Natty Narwhal <br/>
<input type="radio" value="Ok" name="scelta" />Oneiric Ocelot <br/>
<input type="radio" value="Ok" name="scelta" />Warty Warthog <br/> <br/>
<input type="submit" value="Verifica"/> 
</form> 

</body>
</html>

Vorrei far comparire la scritta giusto o sbagliato nella pagina dopo aver selezionato uno dei bottoni radio, e non in una finestra come l'alert.

Grazie per l'aiuto

sunlightbanana · 28 Ott 2011

niente???

non mi sembre una cosa così difficile per gli utenti più esperti

max_400 · 29 Ott 2011

Ciao e benvenuto sul forum

...posso darti un aiuto provvisorio vedi se ti basta.
Il tuo script non funziona comunque rispondendo alla tua domanda...

Vorrei far comparire la scritta giusto o sbagliato nella pagina dopo aver selezionato uno dei bottoni radio, e non in una finestra come l'alert.

Devi usare la classe document per stampare sul documento cioè sulla pagina web.
Ora in tutte le cose si usano dei nomi o meglio degli identificatori su cui visualizzare un testo
quindi ho creato qualke div sul documento a cui far stampare un testo qualsiasi
non appena si clicca sul radiobutton.
la class innerHTML che si usa di solito per modifcare un testo già esistente può servire a tale scopo.
anche se in genere basta un document.getElementById

guarda quest'esempio
http://max400.netne.net/bbb.html
Ho messo una funzione alert una funzione che visualizza in una casella di testo una frase
ed infine il document che serve a te per stampare sulla pagina quello che vuoi
come punto di riferimento ho usato un div e un paragrafo contrassegnati da un identificatore.

Codice:

<script>

function prova_a(){
alert("con funzione alert");
}

function  prova_b(){
fff=document.getElementById("ggg");
fff.value="prova su casella di input";
}

function prova_c(){
document.getElementById("hhh").innerHTML='<font color=red>Provato su DIV</font>';
}

function prova_d(){
document.getElementById("mmm").innerHTML='<font color=blue>Provato su Paragrafo</font>';
}

</script>

<b>Prova su casella di input:</b> <br>
<input id="ggg" size=40 type="text"><br>
<br><br>

<div id="hhh"><b>Prova su DIV:</b> <br>
Questo testo cambierà
</div>
<br><br>


<p id="mmm"><b>Prova su Paragrafo:</b><br>
Questo testo cambierà</p>
<br>
<FORM>
<INPUT TYPE="radio" NAME="songs" VALUE="A" CHECKED onClick=prova_a();>A
<INPUT TYPE="radio" NAME="songs" VALUE="B" onClick="prova_b()">B
<INPUT TYPE="radio" NAME="songs" VALUE="C" onClick="prova_c()">C
<INPUT TYPE="radio" NAME="songs" VALUE="D" onClick="prova_d()">D<P>
</FORM>

Il sistema è molto semplice basta cliccare su un radiobutton specifico
per attivare la funzione corrispondente.

Puoi modificare l'esempio in tanti modi. :book:
Questo è tutto buona fortuna e buon lavoro!

sunlightbanana · 29 Ott 2011

Grazie mille,

è stato molto utile!!!

Cerca

Cerca

Semplice domanda con Javascript

sunlightbanana

Utente Attivo

sunlightbanana

Utente Attivo

max_400

Utente Attivo

sunlightbanana

Utente Attivo

Discussioni simili