Strona 1 z 1

linki, a tebela

PostNapisane: 1 lipca 2004, o 12:59
przez KaczKa
Witam,
wiem, że to pytanie było już zadawane, ale nie mogę odszukać odpowiedzi - jeżeli można to poproszę o link, a więc:

chciałbym, co by pole tabeli było linkiem - czyli po najechaniu na jakieś TD owe TD zmienia kolorek i fajnie by było, co by również zmieniał się kolor samego odnośnika

z góry dziękuję za odpowiedź
KaczKa

PostNapisane: 1 lipca 2004, o 13:55
przez januzi
onMouseOver
onMouseOut
onClick
window.location.href
:)

PostNapisane: 1 lipca 2004, o 21:57
przez Wydra707
Nie wiem czy komórka-link to dobry pomysł. Oczywiście, możesz zastosować skrypty, tak jak było wskazane powyżej. Zwróć jednak uwagę na bąblowanie zdarzeń (przeczytaj artykuł "Bąblujące zdarzenia" w dziale artykułów tego serwisu). Zdarzenia i podmiany kolorów będą zachodziły przy przesuwaniu kursora nad każdym obiektem zawartym w TD. Choć na oko nic nie będzie się działo (zawsze będą wywoływane pary zdarzeń: onmouseout i onmouseover, z których drugie będzie "kasowało" efekt pierwszego), to jest to co najmniej nieeleganckie...

Lepiej byłoby zastosować bezpośrednio do TD zdarzenia onmouseenter i onmouseleave, ale jako dzieło Microsoftu mogą nie działać w przeglądarkach innych firm. No i cała nawigacja nie zadziała przy wyłączonych skryptach (a np. ja standardowo je wyłączam) - będziesz więc musiał poinformować o tym użytkownika.

Wypróbowałem natomiast takie bezskryptowe rozwiązanie (bardzo uproszczony przykład):

(...)
<STYLE TYPE="text/css">
A.komorkalink {display:block; width:100%; height:100%; color:#000000; text-decoration:none;}
A.komorkalink:HOVER {background:#ff0000;}
</STYLE>
</HEAD>
<BODY>
<TABLE BORDER="1">
<TR>
<TD>Komórka lewa</TD>
<TD><A HREF="#" CLASS="komorkalink">Komórka-link<BR>
<IMG SRC="1.jpg" BORDER="0" ALT="obrazek"><BR>
opis, lista itp.
<OL>
<LI>jeden
<LI>dwa
<LI>trzy
</OL></A></TD>
</TR>
</TABLE>
(...)

Zastosowałem obiekt A, ale wyświetlany jako blok i zajmujący całą powierzchnię komórki. Tym sposobem wszystko, co jest wewnątrz A "jest linkiem". Równocześnie można stosować bardzo wygodną pseudoklasę HOVER, no i wszystko działa bez skryptów.

Nie wiem tylko, czy ten pomysł zadziała w innych przeglądarkach niż MSIE.

Pozdrawiam
Paweł Rajewski

linki, a tebela

PostNapisane: 2 lipca 2004, o 10:06
przez KaczKa
bardzo dziękuję wszystko już działa, oczywiście na jedynej słusznej :? przeglądarce IE

Pzdr,
KaczKa

Re: linki, a tebela

PostNapisane: 2 lipca 2004, o 10:44
przez lockoom