webForumDet fria alternativet

byta färg på text när man går över tabell?

HTML & CSS

4 svar · 307 visningar · startad av magnusfeldth

Medlem sedan jan. 20034 480 inlägg
Frågan#1

Det finns ju kod som kan ändra bg-färgen i en tabell när man går över den. Kan man ordna så även text som ligger i denna tabellen ändras när man kommer in i tabellen? (utan att behöva hovra över just texten)

Medlem sedan jan. 2000978 inlägg
#2

Ja, det går på samma sätt som vanligt; td:hover, tr:hover...
För att det ska funka i IE krävs ett skript.

Medlem sedan jan. 20034 480 inlägg
#3

Har du nån aning hur detta skript ser ut?

Medlem sedan jan. 2000978 inlägg
#4

Det här inlägget kanske kan ge en ledtråd:
http://www.webforum.nu/showthread.php?s=&postid=1016277#post1016277

Medlem sedan juni 200424 inlägg
#5

magnusfeldth skrev:

Har du nån aning hur detta skript ser ut?

Skapa en class för din tabell i din css fil.

typ .datatable

För IE skriver du sedan .datatable tr.hilite {bla bla bla }

I din html fil skiver du följande.

<script type="text/javascript">
var row = 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'), ' ');
}
}
</script>
257 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)