ďťż

[js]Podmiana clasy css

       

Podstrony


telcocafe

Mam pytanie czy da się podmienić znacznik class='coś' przez js w taki sposób bo mi to coś nie działa??
<tr onmouseover=\"this.class='przycisk_t';\" onmouseout=\"this.class='przycisk_n';\" class='przycisk_n'>Napis</td></tr>



a jaki ma to mieć cel ?

Podmiana koloru tła tego elementu.

js mało się zajmowałem, ale z tego co pamiętam to chyba możesz napisac po prostu funkcję odpowiedzialną za zmiane koloru i podpiąć ją pod onmouseover...tak mi się wydaje



wiem że tak się da tylko ja chće zrobić style na stronie i wszystkie kolory będą zawarte w stylu.

<tr onmouseover="this.className='przycisk_t'" onmouseout="this.className='przycisk_n'" class="przycisk_n">Napis</td></tr>

Ale takie jedno pytanko. To nie jest zbytnie komplikowanie prostej sprawy? To trochę jak wywarzanie otwartych drzwi młotem

@Dawid~
A jakbyś Ty to rozwiązał, hę? Gościu chce w Javascript, to mu daję. A inny sposób? Można dać alternatywne arkusze, ale:
a. trzeba wtedy przełączać się w menu przeglądarki;
b. na IE nie działa.

Dzienx działa pięknie. Moim zdaniem to jest najprościej bo jako styl podmieniam cały arkusz i w tym mam zawarte kolory!!

ale ja mówie o js tylko czy nie łątwiej jest zamieniać sam kolor a nie cały arkusz :)

Nie cały arkusz, a jedynie klasę :P
Jak ktoś chce mieć uniwersalność, a ma multum kodu, to niech bierze mój kod. Jak przeciwnie - to niech zastosuje coś takiego:
<tr onmouseover="this.style='background-color: black;'" onmouseout="this.style='background-color: white;'"><td>komorka</td></tr>
;)

to zwracam honur źle zrozumiałem :D

A pseudoklasa :hoover to pies? Na moje oko nic tu nie trzeba podmieniać Javascriptem, tylko dopisać wygląd elementu po najechaniu myszą. Nie wiem, może gdzieś się zgubiłem, że ostateczne rozwiązanie zostało oparte o Javascript. Jeżeli tak jest, to poprosiłbym o wyjaśnienie dlaczego skrypt po stronie klienta jest niezbędny do tego, żeby zmienić wygląd elementu po najechaniu. Owszem, przyznam, że sam korzystałem z takiego rozwiązania, ale było to info o elemencie pod myszą wyświetlane na środku ekranu, poza elementem wskazanym, więc miało to uzasadnienie...

@chodnik

:hoover to pies?
niestety to nie przejdzie ponieważ nie działa pod IE (działa tylko z znacznikiem a)
Użytkownik gregorywojcik edytował ten post 03 marzec 2007, 10:23
Pod IE nie działa? Nie chce mi się wierzyć.... :)
U mnie działa. Co prawda rzeczywiście gdzieś tam jest znacznik <a>, tylko że z tego co pamiętam później go wywaliłem (za to nie pamiętam, czy wtedy sprawdzałem na IE).

ja sprawdzałem nie działa. jak nie wierzysz przeczytaj to link to jest z kursu html i tam pisze na czerwonym polu odnośnie działania pod przeglądarkami

P.s. Jak zmienić wygląd znacznika "<hr>" w css nie mogę nigdzie znaleźć??
Użytkownik gregorywojcik edytował ten post 03 marzec 2007, 16:38
<hr noshade> - wyłącza efekt 3d
jeszcze można parametr size(określa wielkość) np <hr size=20>
można też zmienić kolor: <hr color="nazwa_koloru"> np <hr color="red">
Użytkownik loguś edytował ten post 03 marzec 2007, 16:43

<hr noshade> - wyłącza efekt 3d
jeszcze można parametr size(określa wielkość)


ale ty mi podałeś w html a ja chcę w css

W CSS podobnie:
hr {color: green;}
http://www.w3schools...tags/tag_hr.asp
http://www.google.co...w...com&as_q=hr

wiecie, równie dobrze możecie dać DIV'a zamiast HR
<style type="text/css"> .sposob1 { width: 50%; height: 0px; border: 0px; border-bottom: 1px solid red; } .sposob2 { width: 50%; height: 1px; border: 0px; background-color: blue; } </style> <div class="sposob1"></div> <div class="sposob2"></div>
Użytkownik DJ_ProG edytował ten post 03 marzec 2007, 18:13
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.