Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Banalne pytanie
Arcadius
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 21.08.2012

Ostrzeżenie: (10%)
X----


Witam

Funkcja wywołuje fadeOut, a następnie fadeIn po kliknięciu na napis. Chciałbym żeby funkcja również zmieniała kolor tekstu, czyli jest czarny tekst, klikam znika i pojawia się, ale już w kolorze np. czerwonym.

Ktoś podpowie?

<script type="text/javascript">
$(document).ready(function(){
$("#drugi_box").click(function() {
$(this).fadeOut(1000),
$(this).fadeIn(1000),
});
});
</script>

<div id="moj_div">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pharetra
</div>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
mikolaj51
post
Post #2





Grupa: Zarejestrowani
Postów: 59
Pomógł: 13
Dołączył: 16.03.2012

Ostrzeżenie: (0%)
-----


Spróbuj tak:

[JAVASCRIPT] pobierz, plaintext
  1. $(this).css('color', '#ff0000');
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
erix
post
Post #3





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




...ale jako callback do fadeIn, bo zmiany nawet nie zauważysz.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Arcadius
post
Post #4





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 21.08.2012

Ostrzeżenie: (10%)
X----


Cytat(erix @ 21.08.2012, 12:26:21 ) *
...ale jako callback do fadeIn, bo zmiany nawet nie zauważysz.


W sensie tak?:

$(document).ready(function(){
$("#drugi_box").click(function() {
$(this).fadeOut(1000),
$(this).fadeIn(1000, function() {
$(this).css('color', '#ff0000')
});
});
});
Go to the top of the page
+Quote Post
erix
post
Post #5





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Yup.
Ale wystarczyło sprawdzić, oszczędziłbyś czas.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Arcadius
post
Post #6





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 21.08.2012

Ostrzeżenie: (10%)
X----


Cytat(erix @ 21.08.2012, 13:31:18 ) *
Yup.
Ale wystarczyło sprawdzić, oszczędziłbyś czas.


Tylko, że w tym przypadku #drugi_box przyjmie atrybut koloru na czerwony dopiero po zakończeniu akcji fadeIn.

Raczej miałem na myśli tak:

$(document).ready(function(){
$("p").click(function() {
$("p").fadeOut(1000, function(){
$("p").css('color', '#ff0000');
});
$("p").fadeIn(1000,function(){
});
});
});

Ciekawostką jest to, że w Firefoxie przyjmuje kolor czerwony przed akcją fadeOut a w Tryit Editor z w3schools działa prawidłowo, ciekawe dlaczego?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 06:41