---
title: "Länka hel tabellrad?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/158787-länka-hel-tabellrad"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Okkido"
published: "2007-03-30T11:17:36.000Z"
updated: "2007-03-30T16:29:11.000Z"
replies: 5
views: 453
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/158787-länka-hel-tabellrad"
---

# Länka hel tabellrad?

## #1 — Okkido, 2007-03-30T11:17Z

Hej vänner,
Jag har ett problem jag funderat på ett tag men kan inte komma på någon bra lösning.
HTML:en ser ut:

```
<table>
	<tbody>						
		<tr>
			<td class="red">2006-01-01</td>
			<td class="red">Till Lisa <a href="#externlänk" title="" >Länk</a></td>
			<td class="red">1234 1232123</td>
			<td class="red">1234 1232123</td>
			<td class="red">5 000,00</td>
			<td></td>
			<td><a href="#externlänk" title="">Länk</a><a href="#externlänk" title="">Länk</a></td>
		</tr>
	</tbody>
</table>
```

Och det kunden nu vill ha är att hela raden blir en enda stor länk men samtidigt att de länkarna som redan finns i raden ska gå till sin respektive plats.
Det som ska ha en och samma länk är: 2006-01-01, Till Lisa, 1234 1232123, 1234 1232123, 5 000,00. 

Hur gör jag det bäst?
Det går ju att göra varje text till en länk, men då känns det som att användaren tror att de olika texterna går till olika ställen, och alla texter (förutom de länkarna som redan finns i tabellen) ska gå till ett och samma ställe.
 
Idéer?

Permalänk: https://www.webforum.nu/p/158787

## #2 — colione, 2007-03-30T11:20Z

Har jag missförstått dig om jag kommer med idén att lägga ett onclick-attribut på tr-taggen?

Permalänk: https://www.webforum.nu/p/1952387

## #3 — The_Hulk, 2007-03-30T11:21Z

du får lägga till onClick="..." i tr-taggen

```
<script>
function fn_open(page)
{
  document.location = page;
}
</script>

<tr onClick="fn_open('myPage.htm');>
```

Permalänk: https://www.webforum.nu/p/1952388

## #4 — Danne V, 2007-03-30T11:34Z

> **Okkido skrev:**
>
> Hej vänner,
> Och det kunden nu vill ha är att hela raden blir en enda stor länk men samtidigt att de länkarna som redan finns i raden ska gå till sin respektive plats.
> Det som ska ha en och samma länk är: 2006-01-01, Till Lisa, 1234 1232123, 1234 1232123, 5 000,00. 
> 
> Hur gör jag det bäst?
> Det går ju att göra varje text till en länk, men då känns det som att användaren tror att de olika texterna går till olika ställen, och alla texter (förutom de länkarna som redan finns i tabellen) ska gå till ett och samma ställe.
>  
> Idéer?

Jag tycker absolut att du ska ta ur det där ur huvet på kunden. Det är du som ska vara experten. Då ska du berätta om användbarhet. Så där gör man bara inte.

Hur ska folk kunna skilja på detta? Om jag vill klicka på "Till Lisa" och gå till den sidan, men så är hela raden samtidigt en länk så går nån annanstans, hur ska detta funka i praktiken?

Om det finns nån "samlingslänk" för alla cellerna, så lägg den i så fall i ytterligare en cell längst ut, eller i en cell ovanför eller under som sträcker ut sig över alla dom existerande cellernas bredd.

Men om jag nu har missuppfattat hela upplägget (inte helt otroligt), så glöm att jag nånsin skrev det här..... :)

Permalänk: https://www.webforum.nu/p/1952395

## #5 — Okkido, 2007-03-30T11:36Z

> **colione skrev:**
>
> Har jag missförstått dig om jag kommer med idén att lägga ett onclick-attribut på tr-taggen?

Nope, det har du inte, onclick är alternativet jag tänkte på också, men då förstörs de redan befintliga länkarna i raden.

Permalänk: https://www.webforum.nu/p/1952396

## #6 — zcorpan, 2007-03-30T16:29Z

```
var table = document.getElementById("foo"); // hämta tabellen
table.onclick = function(e) { // när man klickar i tabellen...
  if (!e) var e = window.event; // hämta händelsen (för ie)
  var target = e.target || e.srcElement; // var kom händelsen ifrån?
  if (target.tagName == "TABLE") return; // om direkt från tabellen så avbryt funktionen
  while (target.tagName != "TR" && target.tagName != "A")
    target = target.parentNode; // klättra uppåt i trädet tills vi kommer till en länk eller en tabellrad
  if (target.tagName == "A") return; // om det är en länk så avbryt funktionen
  var link = target.getElementsByTagName("A")[0]; // hämta första länken i tabellraden
  location.href = link.href; // och följ den
}
```

Permalänk: https://www.webforum.nu/p/1952476

---

Tråden på webben: https://www.webforum.nu/amne/html-css/158787-länka-hel-tabellrad