Ciao ragazzi, vi posto qui di seguito il codice della mia applicazione. Cliccando su un bottone creo una tabella in modo che passando sopra alle celle col mouse, i bordi delle celle stesse cambino colore. Non capisco perchè non funziona, mi appare la tabella ma il passaggio del mouse sulle celle non provoca cambiamenti (se creo la tabella staticamente in html mi funziona, mentre in questo modo no).
Cosa sbaglio?
Grazie a tutti
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.normale {border: 1px solid grey;}
.selezionata {border: 1px solid yellow;}
</style>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
function tabella() {
document.write('<table width="50%" align="center" border>')
for (i=1; i<=3; i++) {
document.write('<tr>')
for (j=1; j<=3; j++) {
document.write('<td class="normale"onmouseover="this.className=\'selez ionata\';" onmouseout="this.className=\'normale\';"><\/td>');
}
}
document.write('<\/table>');
}
</script>
<title>Untitled</title>
</head>
<body>
<center>
<form name="Mioform">
<input type=button value="Clicca" name="bottone" OnClick="javascript:tabella()">
</form>
</center
</body>
</html>
Rispondi quotando
