javascript colore tabella

KakashiZombie

Nuovo Utente
3 Giu 2008
2
0
0
Ciao a tutti vi spiego subito il mio problema.
Ho una tabella da colorare con l'invio su un bottone che è collegato a una pagina javascript.
La tabella viene colorata ma il colore non rimane sulla pagina, se metto un alert box dopo il coloramento la tabella risulta colorata, skiaccio ok sull'alert box e il colore scompare qualcuno sa il perchè?

il codice della pagina index:
HTML:
<html>
 <head >
  <title>Questionario</title>
  <style type="text/css">
    h1      {color: #FFCC00;  font-size: 25px;  font-family: Verdana; }
    
    button  {width: 120px;  height: 35px; border: 0;  cursor: pointer;  Text-align:center;  font:bold 20px/30px "Trebuchet MS",Arial,sans-serif;
            background: #55CB00 url(base.png) no-repeat 0 0;color:#FFF
            }

    button:hover{background-position: 0 -35px;color: #FFC}
    button:active{background-position: 0 -70px;color: #FFF}
        
   td { background-color: #FFFFAF; font-size: 12px; font-family: Verdana; }
  </style>


 <SCRIPT LANGUAGE="JavaScript" src="questionario.js">

</SCRIPT>


 </head>
<body onload="importXML();" "background="sfondo1.jpg" body vlink="white"body link="white">

<form method='post' name='form1' id='form1' >

<h2><h1 align="center"> Questionario</h1></h2>
<hr>
<div id="Stampa"></div>
<div id="Stampa1"></div>
<hr>
<h1 align="center">

<button input type="submit" name="invia" id="invia" value="Invia" onclick='controllo(); ' >Correggi</button>
<button><input type="reset" value="Reset">Reset</button></h1>
</form>




<form action="index.html">
<h1 align="center">
<button input type="submit" value="Cambia Materia"><font size=2>Cambia Materia</font></button>
</form>



</body>
</html>

e la pagina di javascrip:
Codice:
var caci,risp;
xmlDoc = null;
culo=0;
c=0;
c1="#FFFAF";
c2="#FFFAF";
c3="#FFFAF";
c4="#FFFAF";
base="#FFFFFF";
base2="#FFFF66";
que="#99CCFF";
sbagliato = "#FF3300";
giusto = "#00FF00";
var kammy = new Array(4);
//=========================================== PASSO MATERIA ===================================================================
var materia;
param_name=new Array();
param_value=new Array();

indirizzo=unescape(String(this.location));
params=indirizzo.split("?");
param=params[1].split("&");

for(i=0;i<param.length;i++){
param_temp=param[i].split("=");
param_name[i]=param_temp[0];
param_value[i]=param_temp[1];
materia = param_value[i];
if(isNaN(param_value[i])) eval("var "+param_name[i]+"='"+param_value[i]+"';");
else eval("var "+param[i]+";");
}
//=========================================== PASSO MATERIA ===================================================================

function importXML()
{

var XMLFile = materia;
	if (document.implementation && document.implementation.createDocument)
	{
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.onload = Visual;
		xmlDoc.load(XMLFile);

	}
	else if (window.ActiveXObject)
	{
		xmlDoc = new ActiveXObject("MSXML2.DOMDocument");
		xmlDoc.onreadystatechange = function () {
			if (xmlDoc.readyState == 4) Visual()
		};
		xmlDoc.load(XMLFile);

 	}
	else
	{
		alert('Your browser can't handle this script');
		return;
	}
}





function Visual()
{

  var x = xmlDoc.getElementsByTagName("domanda").length;
  var y = xmlDoc.getElementsByTagName("domanda");
  var text = "";
  for (i=0; i < x;i++)
  {
  if((i%2)==0){c1=base2;c2=base2;c3=base2;c4=base2;}else{c1=base;c2=base;c3=base;c4=base;}
   
  
	text += "<table bgcolor='#F9F9F9' align='center' width='50%' border='1' bordercolor='#CCCCCC'>"
	text += "<tr>"
	text += "<td colspan='2'background='testo.jpg'>"
	text += "<b><font color=white>" + y[i].childNodes[0].nodeValue + "</font></b>"
    text +=  "</td>"     
    text +=  "</td>"
		text += "<tr>"
			text += "<td style='background-color:"+c1+";'width='50%'><input type='radio' class='caselle' value=\"1\" name=\"risp" + (i+1) + "\" >"+ y[i].getElementsByTagName("risp1")[0].childNodes[0].nodeValue + "</td>"
			text += "<td style='background-color:"+c2+";'width='50%'><input type='radio' class='caselle' value=\"2\" name=\"risp" + (i+1) + "\" >"+ y[i].getElementsByTagName("risp2")[0].childNodes[0].nodeValue + "</td>"
			text += "</tr>"  
			text += "<tr>"
			text += "<td style='background-color:"+c3+";'width='50%'><input type='radio' class='caselle' value=\"3\" name=\"risp" + (i+1) + "\" >"+ y[i].getElementsByTagName("risp3")[0].childNodes[0].nodeValue +" </td>"
			text += "<td style='background-color:"+c4+";'width='50%'><input type='radio' class='caselle' value=\"4\" name=\"risp" + (i+1) + "\" >"+ y[i].getElementsByTagName("risp4")[0].childNodes[0].nodeValue +" </td>"
			text += "</tr>"
	
			kammy[i] = y[i].getElementsByTagName("risp5")[0].childNodes[0].nodeValue;
	text += "</table>"
	text += "<br>"
	}
	text+="</body></html>";
Stampa.innerHTML = text;
return;
}	

function controllo()	
{
var text="";
vet = new Array(2);
vet[0]="risp"
vet[1]=1;
ciao = vet.join("");
var x = xmlDoc.getElementsByTagName("domanda");
var y = xmlDoc.getElementsByTagName("domanda").length;
cascii = document.getElementsByName(ciao).length;
f=0,caci=0,i=0, z=0, n=0,nr=0;

for (vet[1]=1, i=0; vet[1] <= y;vet[1]++, ciao = vet.join(""), i++,f++)
{	 
	text += "<table bgcolor='#F9F9F9' align='center' width='50%' border='1' bordercolor='#CCCCCC'>"
	text += "<tr>"
	text += "<td colspan='2'background='testo.jpg'>"
	text += "<b><font color=white>" + x[i].childNodes[0].nodeValue + "</font></b>"
    text +=  "</td>"     
    text +=  "</td>"
	scelta=0;
  	for (j=0; j<cascii; j++)
		{
			if(document.getElementsByName(ciao)[j].checked==true)//controlla se la casella è spuntata
			{
				scelta=document.getElementsByName(ciao)[j].value;
			}
		}
    if(scelta==0)//controllo se almeno una è selezionata, se è selezionata scelta avrà un valore diverso da 0
    { nr++;c1="orange";c2="orange";c3="orange";c4="orange"; }
    else
	{   	
	if(scelta!=kammy[f])  { n++;
			if (scelta==1){c1=sbagliato;}else{   if((i%2)==0){c1=base2;}else{c1=base;}}// rosso = #FF3300
      if (scelta==2){c2=sbagliato;}else{   if((i%2)==0){c2=base2;}else{c2=base;}}
      if (scelta==3){c3=sbagliato;}else{   if((i%2)==0){c3=base2;}else{c3=base;}}
      if (scelta==4){c4=sbagliato;}else{   if((i%2)==0){c4=base2;}else{c4=base;}}
	}//se scelta è diversa da kammy(ke è quella giusta) si incrementa n(sbagliate)
	if(scelta==kammy[f])  { z++;
				if (scelta==1){c1=giusto;}else{if((i%2)==0){c1=base2;}else{c1=base;}}// rosso = #FF3300
        if (scelta==2){c2=giusto;}else{if((i%2)==0){c2=base2;}else{c2=base;}}
        if (scelta==3){c3=giusto;}else{if((i%2)==0){c3=base2;}else{c3=base;}}
        if (scelta==4){c4=giusto;}else{if((i%2)==0){c4=base2;}else{c4=base;}}
	}//se scelta è uguale a kammy(ke è quella giusta) si incrementa z(giuste)	
	}

		if(kammy[f]==1){c1=giusto} // verde = #00FF00
		if(kammy[f]==2){c2=giusto}
		if(kammy[f]==3){c3=giusto}
		if(kammy[f]==4){c4=giusto}
		
			text += "<tr>"
			text += "<td style='background-color:"+c1+";'width='50%'><input type='radio' class='caselle' value=\"1\" name=\"risp" + (i+1) + "\" >"+ x[i].getElementsByTagName("risp1")[0].childNodes[0].nodeValue + "</td>"
			text += "<td style='background-color:"+c2+";'width='50%'><input type='radio' class='caselle' value=\"2\" name=\"risp" + (i+1) + "\" >"+ x[i].getElementsByTagName("risp2")[0].childNodes[0].nodeValue + "</td>"
			text += "</tr>"  
			text += "<tr>"
			text += "<td style='background-color:"+c3+";'width='50%'><input type='radio' class='caselle' value=\"3\" name=\"risp" + (i+1) + "\" >"+ x[i].getElementsByTagName("risp3")[0].childNodes[0].nodeValue +" </td>"
			text += "<td style='background-color:"+c4+";'width='50%'><input type='radio' class='caselle' value=\"4\" name=\"risp" + (i+1) + "\" >"+ x[i].getElementsByTagName("risp4")[0].childNodes[0].nodeValue +" </td>"
			text += "</tr>"
				text += "</table>"
	text += "<br>"
	
}
text += "<hr>"
	text += "<table bgcolor='#F9F9F9' align='center' width='500' border='1' bordercolor='#CCCCCC'>"
	text += "<tr>"
	text += "<td style='background-color:"+giusto+";'><center><b>Risposte corrette</b></td>"
	text += "<td style='background-color:"+sbagliato+";'><center><b>Risposte sbagliate</b></td>"
	text += "<td style='background-color:orange'><center><b>Risposte non selezionate</b></td>"
	text += "</tr>"
	text +="<tr><td style='background-color:"+giusto+";'><center>"+z+"</td>"
	text +="<td style='background-color:"+sbagliato+";'><center>"+n+"</td>"
	text +="<td style='background-color:orange'><center>"+nr+"</td>"
	text += "</table>"

text+="</body></html>";
alert(text);
Stampa.innerHTML = text;
alert(Stampa);
return;
}
 

KakashiZombie

Nuovo Utente
3 Giu 2008
2
0
0
allora il javascript legge da un file xml dei valori e li scrive nei radio-button,
nel file xml ci sono quindi testo,risp1,risp2,risp3,risp4 e risp5(il numero di quella giusta) ti posto il file xml:
Codice:
<Informatica>
<domanda>
	Il nome dell'ultimo sistema operativo microsoft?
	<risp1>Vista</risp1>
      <risp2>Longhorn</risp2>
      <risp3>2008</risp3>
      <risp4>2007</risp4>
	  <risp5>1</risp5>
	</domanda>
 </Informatica>
per vedere come funziona nel javascript devi fare una modifica alla funzione importxml anzichè:
Codice:
var XMLFile = materia;
metti
Codice:
var XMLFile = "nome_xml.xml";
prova e guarda se riesci a vedere
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
G ambiare colore file .fla con javascript Javascript 4
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5
L Quiz javascript funzionante da migliorare Javascript 0
P errore 404 con javascript Javascript 2
D aiuto funzioni javascript Javascript 1
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 3
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
R Confrontare il dominio di una mail con una stringa contenente un dominio personalizzato, tutto ciò in php o javascript PHP 0
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
G Problema verifica palindromo e verifica pari e dispari javascript Javascript 0
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
R Cerco supporto in programmazione javascript Offerte e Richieste di Lavoro e/o Collaborazione 0
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 18
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0

Discussioni simili