Avatar billede skizo_someone Nybegynder
09. november 2005 - 14:59 Der er 8 kommentarer og
1 løsning

Høre en hel række i en tabel til ét link.

Goddag eksperter, her kommer vist en af de nemme for Jer der er lidt mere inde i HTML end jeg er :)

Hvis man har en tabel som vi f.eks. siger består af 3 rækker og 3 kolonner, hvordan er det så muligt at gøre en hel række til ét link, altså således at lige meget hvor du trykker henne i denne række så bliver man ført videre til linkets destination...måske endda gøre således at baggrundsfarven i den pågældende række ændrer sig når markøren er over denne - for den illustrative effekt :)

På forhånd tak
Christian Rasmussen
Avatar billede olebole Juniormester
09. november 2005 - 15:08 #1
<ole>

<tr onmouseover="this.style.background='red'"
    onmouseout="this.style.background='white'"
    onclick="location.href='http://www.google.dk'">

/mvh
</bole>
Avatar billede olebole Juniormester
09. november 2005 - 15:09 #2
- og evt:
  <tr style="cursor:pointer" .......
Avatar billede skizo_someone Nybegynder
09. november 2005 - 15:10 #3
tak for den hurtige respons...og beklager stavefejlen, leger lige med det
Avatar billede skizo_someone Nybegynder
09. november 2005 - 15:17 #4
så er jeg tilbage...link delen af det virker fint, men baggrundsfarven sker der overhovedet ikke noget med - nogle forslag?
Avatar billede olebole Juniormester
09. november 2005 - 15:28 #5
nøøhhh ... jeg kan ikke forestille mig, hvorfor det ikke skulle virke hos dig  :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
</style>
</head>
<body>

<table style="border-collapse:collapse">
<tr onmouseover="this.style.background='red'"
    onmouseout="this.style.background='white'"
    onclick="location.href='http://www.google.dk'"
    style="cursor:default">
        <td>Blabla 1</td>
        <td>Blabla 2</td>
        <td>Blabla 3</td>
</tr>
</table>

</body>
</html>
Avatar billede roenving Novice
10. november 2005 - 11:57 #6
-- og den til alternerende baggrunde:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
table{background-color:#fcd;cursor:pointer;}
.even{background-color:#fde;}
</style>
</head>
<body>

<table style="border-collapse:collapse">
<tr onmouseover="this.style.background='#ccc'"
    onmouseout="this.style.backgroundColor=''"
    onclick="location.href='http://www.google.dk'">
        <td>Blabla 1</td>
        <td>Blabla 2</td>
        <td>Blabla 3</td>
</tr>
<tr onmouseover="this.style.background='#ccc'"
    onmouseout="this.style.backgroundColor=''"
    onclick="location.href='http://www.google.dk'"
    class="even">
        <td>Blabla 1</td>
        <td>Blabla 2</td>
        <td>Blabla 3</td>
</tr>
<tr onmouseover="this.style.background='#ccc'"
    onmouseout="this.style.backgroundColor=''"
    onclick="location.href='http://www.google.dk'">
        <td>Blabla 1</td>
        <td>Blabla 2</td>
        <td>Blabla 3</td>
</tr>
<tr onmouseover="this.style.background='#ccc'"
    onmouseout="this.style.backgroundColor=''"
    onclick="location.href='http://www.google.dk'"
    class="even">
        <td>Blabla 1</td>
        <td>Blabla 2</td>
        <td>Blabla 3</td>
</tr>
</table>

</body>
</html>
Avatar billede skizo_someone Nybegynder
05. april 2006 - 08:57 #7
Ja tak, så virker det vist...beklager den sene respons.
Kan jeg få dig til at oprette et svar olebole?
Avatar billede olebole Juniormester
05. april 2006 - 09:36 #8
s'gerne  :)
Avatar billede olebole Juniormester
04. maj 2006 - 14:48 #9
Tak for points  ;o)
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