ciao a tutti, avrei un problemino...devo fare un esercizio javascript che mi crei una tabella in cui ogni cella ha un colore casuale(fin qua tutto ok). la pagina poi deve colorare di rosso
le celle del rettangolo che selezionate
cliccando su 2 celle qualunque.
solo che funziona "a volte", in pratica certe volte crea il rettangolo rosso, certe volte invece non fa assolutamente niente...mi chiedo perchè...

ecco il codice

codice:
<html>

<head>

<title>

Tabellina colorata

</title>

</head>

<body>



<script language="javascript">



function ColoreCasuale()

{

	var numeroCasuale = Math.floor(Math.random()*8);



	switch (numeroCasuale)

	{

		case 0:

			return "red"; break;

		case 1:

			return "green"; break;

		case 2:

			return "blue"; break;

		case 3:

			return "cyan"; break;

		case 4:

			return "magenta"; break;

		case 5:

			return "yellow"; break;

		case 6:

			return "black"; break;

		case 7:

			return "white"; break;

	}	

}



var x1,y1,clicks=0;



function CLICK(cella)

{

	clicks++;

	//alert(clicks);

	if (clicks == 1)

	{

		var posizioneVirgola = cella.id.indexOf("," , 0);

		x1 = cella.id.substring(0,posizioneVirgola);

		y1 = cella.id.substring(posizioneVirgola+1);

	

} 

	else if (clicks > 1)

	{

		var posizioneVirgola = cella.id.indexOf("," , 0);

		var x2 = cella.id.substring(0,posizioneVirgola);

		var y2 = cella.id.substring(posizioneVirgola+1);



//alert(x1);

//alert(y1);

//alert(x2);

//alert(y2);

		for(var y=y1; y<=y2; y++) {

			for(var x=x1; x<=x2; x++)

			{	   	                        document.getElementById(x+","+y).bgColor="red";

			}

}

	}

}



document.write("<table border='2'>");

for(var y=1; y<=20; y++)

{

	document.write("<tr>");

	for(var x=1; x<=20; x++)

document.write("<td id='" + x + "," + y + "' bgcolor='" + ColoreCasuale() + "' onclick='CLICK(this);'>  </td>");

	document.write("</tr>");

}

document.write("</table>");



</script>



</body>

</html>