Avatar billede rampagezz Nybegynder
23. juli 2007 - 14:42 Der er 13 kommentarer og
1 løsning

Sætte cellen til at være link i stedet for kun teksten

Hej.

Ville høre om der var en der kunne hjælpe mig med, hvordan jeg sætter en celle i en tabel til at være et link i stedet for kun teksten i cellen.

Det jeg har nu er:

<tr>
    <td height="20" bgcolor=#E0E0F5 colspan="2" onmouseover="this.style.background='#CCCCFF'" onmouseout="this.style.background='#E0E0F5'" style="border-bottom : 1pt solid Silver;><div align="left"><a href="index.php">Chokolade</a></td>
</tr>
Avatar billede fennec Nybegynder
23. juli 2007 - 14:44 #1
<td onclick="location.href='link.htm'">...</td>
Avatar billede w13 Novice
23. juli 2007 - 14:48 #2
Jep!

Du tilføjer blot en onclick-procedure, således:
--------------------------------------------------
onclick="window.location='index.php'"
--------------------------------------------------
Og i din kode:
--------------------------------------------------
<tr>
    <td height="20" bgcolor=#E0E0F5 colspan="2" onmouseover="this.style.background='#CCCCFF'" onmouseout="this.style.background='#E0E0F5'" style="border-bottom : 1pt solid Silver;" onclick="window.location='index.php'"><div align="left">Chokolade</td>
</tr>
--------------------------------------------------
I ovenstående kode bliver cursoren dog ikke ændret, når den føres over cellen. Det gøres sådan her:
--------------------------------------------------
<tr>
    <td height="20" bgcolor=#E0E0F5 colspan="2" style="cursor:pointer" onmouseover="this.style.background='#CCCCFF';" onmouseout="this.style.background='#E0E0F5'" style="border-bottom : 1pt solid Silver;" onclick="window.location='index.php'"><div align="left">Chokolade</td>
</tr>
--------------------------------------------------
Så vidt jeg ved, er dette the only way to do it.
Avatar billede w13 Novice
23. juli 2007 - 14:48 #3
Ah, ja, Fennec har ret. Glemte, at det skulle være window.location.href
Avatar billede rampagezz Nybegynder
23. juli 2007 - 14:51 #4
Cool tak.. Kan man lave det sådan at den skifter til "hånden" ligesom alm. tekstlink?

Kom med et svar.
Avatar billede rampagezz Nybegynder
23. juli 2007 - 14:54 #5
Tusind tak.. Skal vil i dele dem?
Avatar billede w13 Novice
23. juli 2007 - 14:55 #6
Min sidste kode:
------------------
<tr>
    <td height="20" bgcolor=#E0E0F5 colspan="2" style="cursor:pointer" onmouseover="this.style.background='#CCCCFF';" onmouseout="this.style.background='#E0E0F5'" style="border-bottom : 1pt solid Silver;" onclick="window.location='index.php'"><div align="left">Chokolade</td>
</tr>
-----------------
løser det med hånden :)
Avatar billede w13 Novice
23. juli 2007 - 14:55 #7
gerne for mig :P
Avatar billede fennec Nybegynder
23. juli 2007 - 15:00 #8
.o) <-- One Eyed Jack
Avatar billede rampagezz Nybegynder
23. juli 2007 - 15:00 #9
Lige et sidste spørgsmål... Det kan i hjælpe mig med at lave en margin på 20 pixels i cellen?
Avatar billede rampagezz Nybegynder
23. juli 2007 - 15:01 #10
Hov fennec. jeg opretter et nyt spørgsmål, så du kan få dine 30 point
Avatar billede olebole Juniormester
23. juli 2007 - 15:03 #11
<ole>

style="cursor:pointer;padding:20px"

- klarer de 20 pixels  ;o)

/mvh
</bole>
Avatar billede rampagezz Nybegynder
23. juli 2007 - 15:04 #12
takker.. ;o)
Avatar billede rampagezz Nybegynder
23. juli 2007 - 15:08 #13
Hov. Den skulle kun gå 20 pixels fra venstre og ikke også fra oven.. ?
Avatar billede w13 Novice
23. juli 2007 - 15:15 #14
padding-left i stedet for padding så :)

Og tak for point!
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