a*new*found*flo
Erfahrenes Mitglied
UPDATE!: Also, die Variante mit CSS alleine funktioniert gut. Das einzige Problem dass ich dabei habe ist, dass das File für das ich dieses "Script" benötige sehr groß ist und da viele Tabellen miteinander verschachtelt sind. Dies führt dann dazu, dass mit einem Mouseover alle ausgefüllt werden.
Hat irgendwer eine Lösung parat?
Unten nochmals meine beiden Wege bis jetzt. Der ansich funktionierende CSS weg und die Erweiterung per JavaScript:
Hat irgendwer eine Lösung parat?
Unten nochmals meine beiden Wege bis jetzt. Der ansich funktionierende CSS weg und die Erweiterung per JavaScript:
HTML:
<STYLE type="text/css">
<!--
tr:hover td {
background: #8FCCFF;
border-color:#000000;
border-width:1px;
border-style:solid;
}
-->
</STYLE>
HTML:
<html>
<head>
<script type="text/javascript">
<!--
window.onload = function() {
var trElements = document.getElementById("mouseoverBereich").getElementsByTagName("tr");
for(var i=0; i<trElements.length; i++) {
trElements[i].onmouseover = new Function("this.className += ' tr-hover'");
trElements[i].onmouseout = new Function("this.className.replace(/[\s\b]+tr-hover[\s\b]+/', ' ')");
}
}
// -->
</script>
<STYLE type="text/css">
<!--
tr.hover
{
background: #8FCCFF;
border-color:#000000;
border-width:1px;
border-style:solid;
}
-->
</STYLE>
</head>
<body>
<div id='mouseoverBereich'>
<table>
<tr>
<td>ABC</td>
</tr>
</table>
</div>
</body>
</html>
Zuletzt bearbeitet:
