Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> 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
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.
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.
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
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.09.2025 - 15:22