09. januar 2006 - 12:08Der er
7 kommentarer og 2 løsninger
tr hover script
Hej.
Jeg bruger følgende script til en hover-effekt (baggrundsfarven ændres ved mouseOver) på table rows i en tabel:
<script type="text/javascript" language="javascript"> function tabdataInit() { var tables = document.getElementsByTagName('table'); for (var t=0; t<tables.length; t++) { if ('tabdata'==tables[t].className) { var rows = document.getElementsByTagName('tr'); for (var i = 0; i < rows.length; i++) { rows[i].onmouseover = function() { this.className += ' hilite'; } rows[i].onmouseout = function() { this.className = this.className.replace('hilite', ''); } } } } } window.onload=tabdataInit; </script>
"tabdata" er tabellens klassenavn og "Hilite" giver hover-effekten på alle <tr>. Det virker fint, men jeg har imidlertid en tabel, hvor de sidste par <tr> ikke skal have hover-effekten - kan man på en eller anden måde give disse table rows en form for id, der ignorerer hover-effekten?
function tabdataInit() { var tables = document.getElementsByTagName('table'); for (var t=0; t<tables.length; t++) { if ('tabdata'==tables[t].className) { var rows = document.getElementsByTagName('tr'); for (var i = 0; i < rows.length; i++) {
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.