29. marts 2003 - 15:32
Der er
6 kommentarer og 1 løsning
skift baggrundsfave på hele row'en ved mouseover
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head><title>Example</title> <style type="text/css"><!-- a:link { color: #000000; text-decoration:none; width: 100%; height: 100%; } a:visited { color: #000000; text-decoration:none; width: 100%; height: 100%; } a:active { color: #000000; text-decoration:none; width: 100%; height: 100%; } a:hover { color: #AAAAAA; text-decoration:none; width: 100%; height: 100%; background-color: #000000; } //--></style> </head> <body> <table border=0 cellpadding=3 cellspacing=0> <tr> <td><a href=#>test1</a></td> <td><a href=#>test2</a></td> <td><a href=#>test3</a></td> <td><a href=#>test4</a></td> </tr> <tr> <td><a href=#>test1</a></td> <td><a href=#>test2</a></td> <td><a href=#>test3</a></td> <td><a href=#>test4</a></td> </tr> <tr> <td><a href=#>test1</a></td> <td><a href=#>test2</a></td> <td><a href=#>test3</a></td> <td><a href=#>test4</a></td> </table> </body> </html> --------------- det er naturligvis bare et simpelt eksempel. Jeg vil gerne have det sådan at når man bevæger musen over et af felterne i tabellen, så bliver hele row'en highlighted, og ikke kun den enkelte td som nu... -det gør ikke noget hvis alle felternes indhold skal være et link, det er de alligevel... Hvordan gør man? Jeg har set det gjort i fx myphpadmin..
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
29. marts 2003 - 15:33
#1
Lav onmouseover på tr'en
29. marts 2003 - 15:35
#2
Lidy inspiration direkte fra PHPMyAdmin som du selv omtaler: <tr onmouseover="setPointer(this, 0, 'over', '#DDDDDD', '#CCFFCC', '#FFCC99');" onmouseout="setPointer(this, 0, 'out', '#DDDDDD', '#CCFFCC', '#FFCC99');" onmousedown="setPointer(this, 0, 'click', '#DDDDDD', '#CCFFCC', '#FFCC99');">
29. marts 2003 - 15:36
#3
29. marts 2003 - 15:42
#4
ahv : har selv prøvet det der, den bruger en funktion, som ligger i library/functions.js -men selv om jeg loader den js fil, sker der intet...
29. marts 2003 - 17:10
#5
<ole> <tr onmouseover="this.style.backgroundColor='#ffff00'"; onmouseout="this.style.backgroundColor='#ff0000'"> /mvh </bole>
29. marts 2003 - 17:34
#6
jakobclausen: har problemer med at få det til at virke... olebole: det virker prefekt! mange tak!
29. marts 2003 - 17:40
#7
Selvtak ... er det mange links, burde du nok lægge det i en funktion: <script type="text/JavaScript"> function swap(tr, col) { tr.style.backgroundColor = col; } </script> ... og så: <tr onmouseover="swap(this,'#ffff00')" onmouseout="swap(this,'#ff0000')"> /mvh
Vi tilbyder markedets bedste kurser inden for webudvikling