Avatar billede angelenglen Nybegynder
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..
Avatar billede ahv Nybegynder
29. marts 2003 - 15:33 #1
Lav onmouseover på tr'en
Avatar billede ahv Nybegynder
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');">
Avatar billede jakobclausen Nybegynder
29. marts 2003 - 15:36 #3
Tjek evt. her: http://exp.dk/spm/328208
Avatar billede angelenglen Nybegynder
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...
Avatar billede olebole Juniormester
29. marts 2003 - 17:10 #5
<ole>

<tr onmouseover="this.style.backgroundColor='#ffff00'";
    onmouseout="this.style.backgroundColor='#ff0000'">

/mvh
</bole>
Avatar billede angelenglen Nybegynder
29. marts 2003 - 17:34 #6
jakobclausen: har problemer med at få det til at virke...
olebole: det virker prefekt! mange tak!
Avatar billede olebole Juniormester
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
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester