Nasze strony wykorzystują pliki cookies. Używamy cookies i podobnych m.in. w celach reklamowych i statystycznych oraz w celu dostosowania serwisów do potrzeb użytkowników. Mogą też stosować je nasi reklamodawcy, firmy badawcze oraz dostawcy aplikacji. W przeglądarce można zmienić ustawienia dotyczące cookies. Więcej informacji. Jeśli nie wyrażasz zgody, opuść tę stronę.

linki, a tebela

Forum dyskusyjne poświęcone zagadnieniom jezyka HTML i Flash oraz tworzeniu stron WWW.

Moderator: Grupa pościgowa ;-)

linki, a tebela

Postprzez KaczKa » 1 lipca 2004, o 12:59

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
KaczKa
Użytkownik forum
Użytkownik forum
 
Posty: 70
Dołączył(a): 31 października 2002, o 13:43

Postprzez januzi » 1 lipca 2004, o 13:55

onMouseOver
onMouseOut
onClick
window.location.href
:)
januzi
Mega GURU
Mega GURU
 
Posty: 1431
Dołączył(a): 18 października 2002, o 13:53

Postprzez Wydra707 » 1 lipca 2004, o 21:57

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
Wydra707
Znawca tematu
Znawca tematu
 
Posty: 482
Dołączył(a): 1 października 2002, o 19:21

linki, a tebela

Postprzez KaczKa » 2 lipca 2004, o 10:06

bardzo dziękuję wszystko już działa, oczywiście na jedynej słusznej :? przeglądarce IE

Pzdr,
KaczKa
KaczKa
Użytkownik forum
Użytkownik forum
 
Posty: 70
Dołączył(a): 31 października 2002, o 13:43

Re: linki, a tebela

Postprzez lockoom » 2 lipca 2004, o 10:44

lockoom
Super spec!
Super spec!
 
Posty: 999
Dołączył(a): 30 września 2002, o 19:46


Powrót do HTML i tworzenie stron WWW

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników

cron