[JS] style

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Łukasz Świerżewski
Nowy
Nowy
Posty: 82
Rejestracja: wt paź 22, 2002 4:15 pm
Lokalizacja: Warszawa
Kontakt:

[JS] style

Post autor: Łukasz Świerżewski »

Witam!

Jak za pomocą JS, np. po najechaniu na jakiś przycisk zmienić nazwe stylu CSS ktory go definiuje ??

Załóżmy ze normalnie przycisk ma styl: 'normalnie'. A jak najade na niego to chce zeby teraz ten przycisk przyjal wartosci stylu 'podswietl' ??

Będe wdzieczny za pomoc... Pozdrawiam...
ex
Przelotem
Przelotem
Posty: 223
Rejestracja: sob sie 02, 2003 12:25 pm
Kontakt:

Re: [JS] style

Post autor: ex »

Witam.

Przykład:

W sekcji HEAD:

Kod: Zaznacz cały

<style type="text/css">

.kolor1
{
background: #00000;
}

.kolor2
{
background: #DD0000;
}

</style>
W sekcji BODY:

Kod: Zaznacz cały

<table width="100" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" class="kolor1" onMouseOver="this.className='kolor2'" onMouseOut="this.className='kolor1'">
To jest przykładowy tekst
</td>
</tr>
</table>

Możesz też napisać funkcję w JavaScript, która ułatwi ten zabieg przy większych ilościach tego typu.

Generalnie chodzi tu o:

Kod: Zaznacz cały

this.className='nazwa stylu'
Łukasz Świerżewski
Nowy
Nowy
Posty: 82
Rejestracja: wt paź 22, 2002 4:15 pm
Lokalizacja: Warszawa
Kontakt:

Re: [JS] style

Post autor: Łukasz Świerżewski »

Dzieki... O cos własnie takiego mi chodziło... Mam nadzieje, że będzie działać...
ODPOWIEDZ