webForumDet fria alternativet

Länka hel tabellrad?

HTML & CSSur HTML, XHTML & CSS

5 svar · 437 visningar · startad av Okkido

Medlem sedan maj 20007 492 inlägg
Frågan#1

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?

Medlem sedan juni 20014 421 inlägg
#2

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

Medlem sedan juni 20031 837 inlägg
#3

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');>
Medlem sedan aug. 20068 090 inlägg
#4

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..... :)

Medlem sedan maj 20007 492 inlägg
#5

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.

Medlem sedan dec. 20042 245 inlägg
#6
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
}
129 ms totalt · 3 externa anrop · v20260731065814-full.b746b907
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)