Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Banalne pytanie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Arcadius
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>
mikolaj51
Spróbuj tak:

[JAVASCRIPT] pobierz, plaintext
  1. $(this).css('color', '#ff0000');
[JAVASCRIPT] pobierz, plaintext
erix
...ale jako callback do fadeIn, bo zmiany nawet nie zauważysz.
Arcadius
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')
});
});
});
erix
Yup.
Ale wystarczyło sprawdzić, oszczędziłbyś czas.
Arcadius
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?
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.