onclick functie op een tr in een tabel
<tr onclick=""><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr onclick=""><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr onclick=""><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr onclick=""><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
hoe moet ik de onclick functie maken die voor alle td tags werkt, dus waar je ook klikt in de rij hij gaat altijd naar de link toe
- Aar - op 05/12/2012 11:43:34:
Je kan je 'a'-element toch in CSS een display:block meegeven?Dan hoef je helemaal niet met JS en onClick events te werken.
hoe bedoel je dat precies?
Code (php)
1
2
3
2
3
a {
display:block;
}
display:block;
}
Toevoeging op 05/12/2012 11:50:47:
ik heb dus een pagina met leden en in een tabel staat dus de naam en wat informatie maar op het moment dat je op een rij klikt moet verwezen worden naar het profiel van dat lid.
Ik raad wel aan om daar nog een height en width in aan de CSS-code toe te voegen.
Gewijzigd op 05/12/2012 11:53:27 door - Ariën -
In dat geval moet je aan de slag met javascript. In combinatie met het JQuery framework wordt het iets als:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
$(document).ready(function() {
$('#overzicht tr').click(function() {
var href = $(this).find("a").attr("href");
if(href) {
window.location = href;
}
});
});
$('#overzicht tr').click(function() {
var href = $(this).find("a").attr("href");
if(href) {
window.location = href;
}
});
});
Waarbij je je table id="overzicht" meegeeft
Gewijzigd op 05/12/2012 12:04:57 door - Ariën -
Toevoeging op 05/12/2012 13:34:52:
ik heb het nog niet helemaal voor elkaar gekregen hoe zit mijn tabel nu precies in elkaar??
Toevoeging op 05/12/2012 15:03:47:
waar in de tabel moet ik dan de <a href"+">zetten</a>