webForumDet fria alternativet
Logga in / Bli medlem

Onclick på <tr>

HTML & CSS

3 svar · 256 visningar · startad av MickeA.com

Medlem sedan feb. 20034 441 inlägg
Trådstart#1

Hej

Ska göra en sida, som i princip kommer se ut såhär:

<table>
<tr>
<td>Lite Text...</td><td>En Bild...</td>
<tr>
<tr>
<td>Lite Text...</td><td>En Bild...</td>
<tr>
</table>

Nu vill jag att om man klickar på antingen cellen med texten eller den med bilden, på varje rad, ska det öppnas en länk i ett nytt fönster.

Funkar det att ha onclick='ngn_javascript_function;' i <tr> taggen??

Eller hur bör jag göra.

´Sidan är till en portfolio, så till vänster ska varje sida vara beskriven och till höger ska det finnas en screenshot på den, när man trycker på tabellraden ska allstå sidan öppnas i en ny ruta.

Medlem sedan juni 2003771 inlägg
#2

Går utmärrkt, har gjort ett exempel här!

<HTML> 
<HEAD> 
<style type="text/css">
<!--
table {width:500; height:250; background-color:lightblue; border:red 4px solid;}
a.td1 {display: block; width:500; height:100; border:2px solid red;}
.td2 {width:400; height:100; border:2px solid; border-color:red;} 
-->
</style>
</HEAD>
<BODY BGCOLOR=lightgreen>
<table>
<tr>
<td>
<a href="DinLänksida1.htm" class="td1">Kolla, en hand på hela td:n <BR>
<IMG SRC=dinbild.gif></a>
</td>
</tr>
<tr>
<td class=td2>
<a href="DinLänksida2.htm">Vanlig länk, bara en hand på själva länken eller bilden <BR>
<IMG SRC=dinbild.gif></a>
</td>
</tr>
</table>
<BR><BR>
Det var väl ungefär så här du ville ha det ?
</BODY> 
</HTML>
Medlem sedan dec. 20025 871 inlägg
#3

Visst går det! Dock får du ändra pekaren så att när man för över musen på TR:n så pekaren en hand ;) så besökarna vet att man kan klicka där ;)

Medlem sedan feb. 20034 441 inlägg
#4

Ok, LeonL, hur gör jag det då? Kollade en tråd lite längre ner, som tog upp just det, men det såg inte ut att finnas ngt vetiigt svar där, så vi kanske kan ta det en gång till.

Sen eftersom jag suger på Javascript, så skulle jag behöva hjälp med en funktion som öppnar ett nytt fönster med en viss URL.

För då kan jag ju istället ha:

BlaBlaBla....
<tr onclick='my_function(URL);'>

I tabellen, tycker det verkar smidigare, men Tack för exemplet Bossse ;)

Nu vet jag inte om jag halkat av ämnet lite, men det är upp till Herr Moderator om tråden ska flyttas till Javascriptforumet.

257 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)