Hej!
Nya problem kräver nya svar. Denna gången gäller problemet en meny som är uppbyggd av olika celler. HTMLkoden för själva menyn ser ut:
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="725" id="AutoNumber14" height="1">
<tr>
<td width="75%" height="1"></td>
<td id="edit" width="50" class="button" onClick="klickaPa(this)" style="width: 50">
<p align="center" style="margin-top: 0; margin-bottom: 0"><font face="Small Fonts" style="font-size: 2mm" color="#0066CC">
DIT
</font></td>
<td id="ebort" width="50" class="button" onClick="klickaPa(this)" style="width: 50">
<p align="center" style="margin-top: 0; margin-bottom: 0"><font style="font-size: 2mm" face="Small Fonts" color="#0066CC">
BORT
</font></td>
<td id="ehem" width="50" class="button" onClick="klickaPa(this)" style="width: 50">
<p style="margin-top: 0; margin-bottom: 0" align="center"><a href="default2.html" class="byt">Hem</a></td>
<td width="20" height="1"></td>
</tr>
</table>
Scriptet som onClick anropar ser ut:
<SCRIPT LANGUAGE="JavaScript">
var aktivTD;
function klickaPa(objTD) {
if (aktivTD) aktivTD.className="omarkerad"; //återställ
objTD.className = "markerad";
aktivTD = objTD;
}
</script>
Och till sist, de olika classerna ser i CSSen ut:
td.button {
align: center; display: block; width: 50;
}
a.byt {
display: block; width: 100%; height: 100%; color: 0066CC; text-decoration: none;
}
.omarkerad {
background-color: 9DCEFF;
}
.markerad {
background-color: C4E1FF
}
Problemet är att scriptet bara fungerar i de cellerna som inte inte innehåller någon länk. Varför?
Bifogar även länk till sidan så ni kan se hur jag menar. Kika här.
Tack//