Mi sapete dire che c'è di sbagliato?
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style>
*{
margin:0 auto;
padding:0;
}
td{
height:100px;
width:100px;
border:thin black solid;
}
td:hover{
background-color:#DFDFDF;
}
</style>
</head>
<body>
<table style="width: 80%">
<tr>
<td onclick="sel('a1');" id="a1"> </td>
<td onclick="sel('a2');" id="a2"> </td>
<td onclick="sel('a3');" id="a3"> </td>
<td onclick="sel('a4');" id="a4"> </td>
<td onclick="sel('a5');" id="a5"> </td>
<td onclick="sel('a6');" id="a6"> </td>
<td onclick="sel('a7');" id="a7"> </td>
<td onclick="sel('a8');" id="a8"> </td>
<td onclick="sel('a9');" id="a9"> </td>
<td onclick="sel('a10');" id="a10"> </td>
</tr>
<tr>
<td onclick="sel('b1');" id="b1"> </td>
<td onclick="sel('b2');" id="b2"> </td>
<td onclick="sel('b3');" id="b3"> </td>
<td onclick="sel('b4');" id="b4"> </td>
<td onclick="sel('b5');" id="b5"> </td>
<td onclick="sel('b6');" id="b6"> </td>
<td onclick="sel('b7');" id="b7"> </td>
<td onclick="sel('b8');" id="b8"> </td>
<td onclick="sel('b9');" id="b9"> </td>
<td onclick="sel('b10');" id="b10"> </td>
</tr>
<tr>
<td onclick="sel('c1');" id="c1"> </td>
<td onclick="sel('c2');" id="c2"> </td>
<td onclick="sel('c3');" id="c3"> </td>
<td onclick="sel('c4');" id="c4"> </td>
<td onclick="sel('c5');" id="c5"> </td>
<td onclick="sel('c6');" id="c6"> </td>
<td onclick="sel('c7');" id="c7"> </td>
<td onclick="sel('c8');" id="c8"> </td>
<td onclick="sel('c9');" id="c9"> </td>
<td onclick="sel('c10');" id="c10"> </td>
</tr>
<tr>
<td onclick="sel('d1');" id="d1"> </td>
<td onclick="sel('d2');" id="d2"> </td>
<td onclick="sel('d3');" id="d3"> </td>
<td onclick="sel('d4');" id="d4"> </td>
<td onclick="sel('d5');" id="d5"> </td>
<td onclick="sel('d6');" id="d6"> </td>
<td onclick="sel('d7');" id="d7"> </td>
<td onclick="sel('d8');" id="d8"> </td>
<td onclick="sel('d9');" id="d9"> </td>
<td onclick="sel('d10');" id="d10"> </td>
</tr>
<tr>
<td onclick="sel('e1');" id="e1"> </td>
<td onclick="sel('e2');" id="e2"> </td>
<td onclick="sel('e3');" id="e3"> </td>
<td onclick="sel('e4');" id="e4"> </td>
<td onclick="sel('e5');" id="e5"> </td>
<td onclick="sel('e6');" id="e6"> </td>
<td onclick="sel('e7');" id="e7"> </td>
<td onclick="sel('e8');" id="e8"> </td>
<td onclick="sel('e9');" id="e9"> </td>
<td onclick="sel('e10');" id="e10"> </td>
</tr>
<tr>
<td onclick="sel('f1');" id="f1"> </td>
<td onclick="sel('f2');" id="f2"> </td>
<td onclick="sel('f3');" id="f3"> </td>
<td onclick="sel('f4');" id="f4"> </td>
<td onclick="sel('f5');" id="f5"> </td>
<td onclick="sel('f6');" id="f6"> </td>
<td onclick="sel('f7');" id="f7"> </td>
<td onclick="sel('f8');" id="f8"> </td>
<td onclick="sel('f9');" id="f9"> </td>
<td onclick="sel('f10');" id="f10"> </td>
</tr>
<tr>
<td onclick="sel('g1');" id="g1"> </td>
<td onclick="sel('g2');" id="g2"> </td>
<td onclick="sel('g3');" id="g3"> </td>
<td onclick="sel('g4');" id="g4"> </td>
<td onclick="sel('g5');" id="g5"> </td>
<td onclick="sel('g6');" id="g6"> </td>
<td onclick="sel('g7');" id="g7"> </td>
<td onclick="sel('g8');" id="g8"> </td>
<td onclick="sel('g9');" id="g9"> </td>
<td onclick="sel('g10');" id="g10"> </td>
</tr>
<tr>
<td onclick="sel('h1');" id="h1"> </td>
<td onclick="sel('h2');" id="h2"> </td>
<td onclick="sel('h3');" id="h3"> </td>
<td onclick="sel('h4');" id="h4"> </td>
<td onclick="sel('h5');" id="h5"> </td>
<td onclick="sel('h6');" id="h6"> </td>
<td onclick="sel('h7');" id="h7"> </td>
<td onclick="sel('h8');" id="h8"> </td>
<td onclick="sel('h9');" id="h9"> </td>
<td onclick="sel('h10');" id="h10"> </td>
</tr>
</table>
<script>
var righe = {"a","b","c","d","e","f","g","h"};
var controllo;
var i;
var c;
function sel(p){
var cella = document.getElementById(p);
cella.Style.backgroundColor = "black";
for(i=0;i<righe.length-1;i++){
for(c=1;c<11;c++){
controllo = righe[i] + c;
if(controllo!=p){
document.getElementById(controllo).Style.backgroundColor = "white";
}
}
}
}
</script>
</body>
</html>
Ultima modifica di un moderatore:
