Tutorial 002
Test
Created By Crikke (In
collaborazione con Microsoft Front Page XD)
Special Thanks: Rosy Cristal (*_* mi ha insegnato lei!!)
|
<script>
var score = 0;
var punti = 0 ;
// *Prima di vedere i risultati, fai il test!*
function rosablu () {
for (j = 0; j<= 3; j++) {
if (document.form1.uno[j].checked) {
punti = parseInt(document.form1.uno[j].value);
score =score + punti;
}
}
for (j = 0; j<= 3; j++) {
if (document.form1.due[j].checked) {
punti = parseInt(document.form1.due[j].value);
score =score + punti;
}
}
for (j = 0; j<= 3; j++) {
if (document.form1.tre[j].checked) {
punti = parseInt(document.form1.tre[j].value);
score =score + punti;
[...] |
Questa è la prima parte del nostro
test. Guardate bene i punti in grassetto:
1) E' necessario dare una funzione al
test, su cosa tratta o su cosa volete voi. In questo caso quella da me inserita
è "rosablu"
2) per quello che riguarda i vari
j<=3 servono per le opzioni della domanda. Se le opsioni sono 4 si avrà appunto
j<=3, se 5 si avrà j<=4 e così via...
Per ogni domanda vanno inseriti tanti
form così:
|
for (j = 0; j<= 3; j++) {
if (document.form1.uno[j].checked) {
punti = parseInt(document.form1.uno[j].value);
score =score + punti;
}
} |
Qui sono chiamati uno, due, tre. Se
le domande arrivano fino a 10 si finirà con "form1.dieci[j]" ecc...
Poi, i risultati vari:
|
if (score <= 7) {
alert("Credo che tu abbia dimenticato *qualche* domanda")
}
if (score >= 8 && score <=12) {
alert("Per una persona come te, c'è quella pazza Crikke!")
location="http://www.crikke.altervista.org/Test/crikke.htm"
}
if (score >= 13 && score <=18) {
alert("Sei un po' pazzo, come Yuri!")
location="http://www.crikke.altervista.org/Test/yuri.htm"
}
if (score >= 19 && score <= 24) {
alert("Sei una persona *Accomodante* come la nostra Juuhachi Go")
location="http://www.crikke.altervista.org/Test/jucchan.htm"
}
if (score >= 25) {
alert("La solarità è il tuo potere! Come Milotic!")
location="http://www.crikke.altervista.org/Test/milo.htm"
}
}
//-->
</script> |
Questo è l'esempio per quanto
riguarda il test di RB. Per definire i vari risultati è necessario modificare
sistemare i vari numeri
i vari "<=" vogliono dire "uguale o
minore" e i ">=" "maggiore o uguale"
Quindi, passiamo alle domande:
|
<form method="POST" name="form1">
<p style="margin-top: 0; margin-bottom: 0"> <b>1. Stai
ascoltando della musica... tra questi titoli in quali ti riconosci?</b></p>
<p style="margin-top: 0; margin-bottom: 0">
<input type=radio value=1 name="uno">
Qualcosa di mistico creato da Winamp in collaborazione
con l'album dei Blue, di laura Pausini, Bon Jovi e Avril Lavigne!<br>
<input type=radio value=3 name="uno">
Guns 'n Roses - November Rain<br>
<input type=radio value=2 name="uno">
Black Eyed Peas - My humps<br>
<input type=radio value=4 name="uno">
Utada Hikaru - Passion<br> |
E' necessario cambiare i vari nomi
ogni volta (altre alla domanda e risposte stesse)
value=1 indica i punti che si
attribuiscono se viene scelta quella risposta.
name="uno" indica, invece, il
numero della domanda (se la prima, la seconda ecc...)
Quindi...:
|
<p style="margin-top: 0;
margin-bottom: 0">
<input type=reset onclick="score=0" value="Reset">
<INPUT onclick="rosablu()" type=button value="Risultati"> |
Questo codice chiude il vostro test,
mettendo i bottoni che portano ai risultati o resettano... (è "onclick" a
determinare la funzione)
Dulcis in Fundo, il seguente codice
va posto in fondo e non va assolutamente modificato:
|
<!-- saved from url=(0022)http://internet.e-mail
-->
<!-- START [v0.4] -->
<!-- ATTENZIONE: Il codice sottostante viene inserito automaticamente --><script
language="JavaScript" TYPE="text/javascript"><!--
var rs_DLR=1;
//--></script><script language="JavaScript1.2" TYPE="text/javascript"><!--
function rs_IS_HUGE() {
var a_t=0, a_f=0;
var m_f_m=.40;
if (typeof(window.top.document)!="object") return 1;
if ((window.frames.length>0)&&(window!=window.top)) return 0;
if (window.top.innerWidth) {
a_t=window.top.innerWidth*window.top.innerHeight;
a_f=window.innerWidth*window.innerHeight;
} else if (window.top.document) if (window.top.document.body) {
if (window.top.document.body.offsetWidth) {
a_t=window.top.document.body.offsetWidth*window.top.document.body.offsetHeight;
if (window.document.body) a_f=window.document.body.offsetWidth*window.document.body.offsetHeight;
} else return 1;
} else return 1;
if (!a_t) return 1;
var h_f=a_f/a_t;
if (h_f>m_f_m) return 1;
return 0;
}
if (!window.top.frames) rs_DLR=1;
else if ((window!=window.top)||(window.top.frames.length>0)) {
rs_DLR=rs_IS_HUGE();
} else rs_DLR=1;
//--></script><!-- END -->
<!-- START RedMeasure V4 - CGI v1.1 $Revision: 1.2 $ -->
<!-- COPYRIGHT 2000 Red Sheriff Limited -->
<script language="JavaScript"><!--
var pCid="it_Libero-it_0";
var w0=1;
var refR=escape(document.referrer);
if (refR.length>=252) refR=refR.substring(0,252)+"...";
//--></script>
<script language="JavaScript1.1"><!--
var w0=0;
if (rs_DLR) document.write("<script language='JavaScript1.1' src='http://server-it.imrworldwide.com/c1.js'></script>");
//--></script>
<script language="JavaScript"><!--
if(w0&&rs_DLR){
document.write('<img src="http://server-it.imrworldwide.com/cgi-bin/count?ref='+
refR+'&cid='+pCid+'" width=1 height=1>');
}
document.write("<COMMENT>");
//-->
</script>
<noscript>
<img src="http://server-it.imrworldwide.com/cgi-bin/count?cid=it_Libero-it_0"
width=1 height=1>
</noscript>
</COMMENT>
<!-- END RedMeasure V4 --> |
Ed ecco che anche voi potete fare
tutti i test che volete! ^^