Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML + CSS] Użycie wiersza tabeli <TR> jako linku (href)
koziet
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 16.12.2008
Skąd: Dublin - Ireland

Ostrzeżenie: (0%)
-----


Witam. Czy da się użyć wiersza tabeli <TR> tak, by zachowywał się jak <A> ? Tzn. mam już przygotowane style w CSS dla tabeli. Jak przesuwam kursor myszy pomiędzy wierszami to zmieniają one kolory no i wygląda to fajnie ale teraz chciał bym jeszcze aby po kliknięciu na wskazany wiersz przenieść użytkownika pod określony link. Wiem, że mogę do tego użyć javascript i zdarzenia onClick ale pytam czy można inaczej? Nie chcę też używać tego samego elementu <A> w każdej komórce wiersza jak poniżej:
<TR class="highlight">
<TD><A href="http://www.nic.pl">tekst 1</A></TD>
<TD><A href="http://www.nic.pl">tekst 2</A></TD>
<TD><A href="http://www.nic.pl">tekst 3</A></TD>
</TR>

Idealnie było by gdyby możliwe było stworzenie w CSS klasy z paramertem i w HTML'u wywołanie np:
<TR class="highlight http://www.nic.pl">
<TD>Test 1</TD>
<TD>Test 2</TD>
<TD>Test 3</TD>
</TR>
<TR class="highlight http://www.cos.pl">
<TD>Test 4</TD>
<TD>Test 5</TD>
<TD>Test 6</TD>
</TR>

Ale chyba zbyt wiele wymagam, co?
Go to the top of the page
+Quote Post
loko0
post
Post #2





Grupa: Zarejestrowani
Postów: 20
Pomógł: 2
Dołączył: 3.12.2003

Ostrzeżenie: (0%)
-----


Jeśli już chcesz z TR zrobić link, to myślę, że JavaScript będzie pomocny. Piszesz funkcję:
  1. function przekieruj(url)
  2. {
  3. window.location.href = url;
  4. }

...a do każdego TR dodajesz:
  1. onlick="przekieruj('http://forum.php.pl')"
Go to the top of the page
+Quote Post
hiszpanespaniol
post
Post #3





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

Ostrzeżenie: (0%)
-----


z "class" kombinowałeś w dobrą stronę, ale:
znacznie lepszym rozwiązaniem byłoby zbudować skrypt który "przeleci" wszystkie wiersze tabeli (pętla for dla tablicy elementów "tr"), pobierze z nich atrybut "title" (który jest dla Ciebie lepszy niż "class", bo ludzie zobaczą adres zanim klikną), doda do każdego zdarzenie onclick i po kliknięciu przeniesie pod adres wskazany w "title". Pozbywasz się "onclick" z html'a, a to duża zaleta.

Niestety bez javascript się nie da tego zrobić.
Go to the top of the page
+Quote Post
kazag
post
Post #4





Grupa: Zarejestrowani
Postów: 180
Pomógł: 12
Dołączył: 30.04.2007

Ostrzeżenie: (0%)
-----


no chyba, ze w kazdej komorce bedziesz mial link wyswietlany jako blok o wysokosci i szerokosci komorki... wtedy najezdzajac na komorke siłą rzeczy najezdzasz na link o display:block; ...
Go to the top of the page
+Quote Post
hiszpanespaniol
post
Post #5





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

Ostrzeżenie: (0%)
-----


w takim przypadku błyskawicznie po przeniesieniu pod adres z <tr> przeniosło by pod adres z odnośnika (dwa razy "wstecz" aby wrócić do swojej strony). To chyba i lepiej, że jeżeli ktoś celowo wstawi tam link, to on ma zadziałać, a nie ten z <tr>.

Żeby to zadziałalo też w przypadku gdy klikniemy w link, trzeba w javascript ustawić "return false" dla każdego linka znajdującego się wewnątrz <tr> z onclick'iem. Teraz nawet jak ktoś kliknie w link <a> wewnątrz wiersza, to przejdzie pod adres który ustawiliśmy w "title" dla <tr>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.04.2026 - 23:48