In una pagina html ho il seguente codice:
<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
.normalitem {
background-color: #CCCCCC;
font-size: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.selecteditem {
background-color: #E7F2FA;
font-size: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.third {
border:3px dashed black;
}
</style>
<script type="text/javascript">
<!--
function changeclass (it, iditem){
var form = document.forms[0]
var objselect = document.getElementById(iditem)
objselect.checked = true
for (var i = 0; form.name.length; i++)
if (form.name[i].checked){
form.name[i].className = 'selecteditem'
it.className = 'selecteditem'
}
else {
form.name[i].className = 'normalitem'
it.className = 'normalitem'
}
}
//-->
</script>
</head>
<body>
<table width="100%">
<form action="" method="post" enctype="application/x-www-form-urlencoded">
<tr class="normalitem" onclick="changeclass(this, 'carlo')">
<td >
<input type="radio" name="name" id="carlo" value="carlo" />
carlo
</td>
</tr>
<tr class="normalitem" onclick="changeclass(this, 'francesco')">
<td>
<input type="radio" name="name" id="francesco" value="francesco" />
francesco
</td>
</tr>
<tr class="normalitem" onclick="changeclass(this, 'mario')">
<td>
<input type="radio" name="name" id="mario" value="mario" />
mario
</td>
</tr>
<tr class="normalitem" onclick="changeclass(this)">
<td>
<input type="submit" name="submitform" value="ciao" />
</td>
</tr>
</form>
</table>
</body>
</html>
vorrei fare in modo che venga evidenziata (effetto ottenuto con il cambiamento della classe) solo la riga selezionata mentre le altre restino del colore originario...
con questo codice però c'è qualche problema.
Saluti,
carlostefano
Rispondi quotando