Jak udělat odkaz na celý řádek tabulky?
Udělat odkaz na celý řádek tabulky není jednoduché. Samotný tag "tr" nelze obalit odkazem. A pokud dáte do všech buňěk odkazy, tak kýžený efekt nemusí být takový jaký požadujete. Jak na to?
Řešení je pouze za pomoci Javascriptu. Respektive v našem případě pomocí jQuery.1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | //HTML část<table cellspacing="0" cellpadding="0"> <td>něco</td> <td>něco</td> <td>něco</td> <td>něco</td> </tr></tbody></table>//jQuery část (jednodušší možnost)$( document ).ready(function() { $(".radek_tabulky_s_odkazem").click(function() { window.location = $(this).data("href"); });});//jQuery část (komlpexní možnost) $('.radek_tabulky_s_odkazem').mousedown(function(event) { switch (event.which) { case 1: //leve tlaciko = otevri hned window.location = $(this).data("href"); break; case 2: //stredove tlacitko = otevri do nove zalozky window.open($(this).data("href"), '_blank'); break; case 3: //prave tlacitko = otevri do nove zalozky window.open($(this).data("href"), '_blank'); break; default: alert('Nothing'); } }); |
Nejnovější články
Jak získat časové razítko daného data?
PHP - Ostatní
Jednoduchá rotace obrázků přes jQuery.
JavaScript - Úvod do JavaScriptu
Jak se pracuje s Cookies pomocí Javascriptu?
JavaScript - Příklady v JavaScriptu
Jaký je rozdíl mezi vlastnostmi readonly a disabled?
(x) HTML - Úvod do HTML
Generátor CSS trojúhelníků
CSS - Základy CSS