Forum PHP.pl > [JavaScript] powrot do oryginalnych ustawien CSS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] powrot do oryginalnych ustawien CSS

wNogachSpisz

7.03.2009, 10:11:42

napisalem prosty skrypcik przelaczajacy diva w trym on i off w zaleznosci od tego, czy kursor myszy znajduje sie nad elementem,

Kod

var YellowLineOryginalCss = '';
function YellowLineSwitchOff(el) {
    var YellowLineOryginalCss = el.style.background;
    el.style.background = 'none';
}
function YellowLineSwitchOn(el) {
    el.style.background = YellowLineOryginalCss;
}

przed usunieciem tla zapisuje je w zmiennej YellowLineOryginalCss, czy jest mozliwosc zrobienia tego w prostrzy sposob, tj. powrotu to oryginalnych ustawien CSS przy pomocy prostego polecenia JS ?

Spawnm

7.03.2009, 10:18:17

w sumie to mógł byś spróbować to zrobić w css.
poczytaj o :hover

piotrooo89

7.03.2009, 10:19:42

nie bardzo Cię rozumiem. chcesz zrobić że po najechaniu na div'a zmienia on background na np. żółty a po zjechaniu z niego ma np. białe (takie jak było przed najechaniem)?

jeśli tak to:

[HTML] pobierz, plaintext 
function YellowLineSwitchOn(el)
{
el.style.bgColor='yellow';
}
function YellowLineSwitchOff(el)
{
el.style.bgColor='white';
}
[HTML] pobierz, plaintext

i w css musisz ustawić background-color: white;

Spawnm

7.03.2009, 10:22:20

Cytat(piotrooo89 @ 7.03.2009, 10:19:42 )

nie bardzo Cię rozumiem. chcesz zrobić że po najechaniu na div'a zmienia on background na np. żółty a po zjechaniu z niego ma np. białe (takie jak było przed najechaniem)?

Cytat(wNogachSpisz @ 7.03.2009, 10:11:42 )

napisalem prosty skrypcik przelaczajacy diva w trym on i off w zaleznosci od tego, czy kursor myszy znajduje sie nad elementem,

Czytaj ze zrozumieniem

i po co js , możliwe że wystarczy css .

piotrooo89

7.03.2009, 10:23:12

Cytat(Spawnm @ 7.03.2009, 10:22:20 )

i po co js , możliwe że wystarczy css .

a w IE zrobi małe kuku.

dlatego js.

wNogachSpisz

7.03.2009, 13:18:19

Cytat(piotrooo89 @ 7.03.2009, 10:19:42 )

nie bardzo Cię rozumiem. chcesz zrobić że po najechaniu na div'a zmienia on background na np. żółty a po zjechaniu z niego ma np. białe (takie jak było przed najechaniem)?

jeśli tak to:

[HTML] pobierz, plaintext 
function YellowLineSwitchOn(el)
{
el.style.bgColor='yellow';
}
function YellowLineSwitchOff(el)
{
el.style.bgColor='white';
}
[HTML] pobierz, plaintext

i w css musisz ustawić background-color: white;

Nie uwazasz ze przyklad kodu podanego w pierwszym poscie jest o niebo bardziej uniwersalny?

szukam lepszego rozwiazania cos w stylu:

element.style.background = DEFAULT;
a defaultem ma byc standardowe ustawienie css takie jak podane zostalo w pliku .css

Czy jasne jest juz o co mi sie rozchodzi?

piotrooo89

7.03.2009, 13:25:17

wydaje mi się że nie. dlaczego? ponieważ w tym co napisałem obiera element i zmienia. w css ustawiasz tylko raz tak jak ma się wyświetlać na samym początku. chyba że jest jakiś inny sposób o którym ja nie wiem.

wNogachSpisz

7.03.2009, 14:31:27

Cytat(piotrooo89 @ 7.03.2009, 13:25:17 )

wydaje mi się że nie. dlaczego? ponieważ w tym co napisałem obiera element i zmienia.

a moj to niby co robi? tez odbiera element i zmienia z tym ze Dodatkowo pamieta podstawowe ustawienie, dzieki czemu nie musze wpisywac/przekazywac funkcji tych parametrow stylu...
Nadal uwazasz ze przyklad ktory podales jest lepszy?

piotrooo89

7.03.2009, 14:34:08

skoro uważasz że masz taki wyczesany w kosmos kod to po co sie pytasz innych? przecież Ty już wiesz...

kamil4u

7.03.2009, 15:51:46

Cytat

szukam lepszego rozwiazania cos w stylu:

element.style.background = DEFAULT;
a defaultem ma byc standardowe ustawienie css takie jak podane zostalo w pliku .css

Aby dobrać się do pliku *.css używasz:
- window.getComputedStyle
- Dla IE - element.currentStyle

Resztę poszukaj w Google

Ale czy to będzie lepsze rozwiązanie? Nie mam pojęcia zrób jakiś test

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.