Zmiana tekstu po kliknięciu myszką

Odpowiedz Nowy wątek
2013-02-14 12:46
0

Witam,

Mam taki kod:
<span class="edit_link1" >Edytuj</span>

$('.edit_link1').click(function(){

    $(this).slideToggle(0,function (){
       $(this).text("Edytuj")

    }, function(){
        $(this).text("Zapisz")
    });
});

Chcę uzyskać taki efekt:

Po naciśnięciu Edytuj pojawia mi się słowo zapisz, jak klikam w zapisz pojawia się edytuj i tak na zmianę.... Jak mogę osiągnąć taki efekt? bo już mi głowie wszystko się miesza :/

Nie kumam tego .toogle(), dałem to samo na if'ach i działa, ale chcę to przerobić... żeby nauczyć się działania toggle()

edytowany 1x, ostatnio: poniatowski, 2013-02-14 12:50

Pozostało 580 znaków

2013-02-14 13:18
ŁF
0

toggle() i slideToggle() służy do zupełnie czego innego.

http://api.jquery.com/slideToggle/ napisał(a)

.slideToggle( [duration ] [, easing ] [, complete ] )

duration (default: 400)
Type: Number or String
A string or number determining how long the animation will run.
easing (default: swing)
Type: String
A string indicating which easing function to use for the transition.
complete
Type: Function()
A function to call once the animation is complete.

proponuję przed używaniem metod czytać, do czego służą ;-)


Pozostało 580 znaków

2013-02-14 14:39
ktoś
0

$('.edit_link1').click(function(){

       $(this).slideToggle(0,function (){
       $(this).text("Edytuj")

    }, function(){
            $(this).text("Zapisz")
    });

});

Click
text=zapisz;
animacjaToogle {text=edytuj}
koniec animacja 0, wiec text=edytuj;

Pozostało 580 znaków

2013-02-14 16:57

Plik index.html:

<div class="edytuj">Edycja</div>
<div class="zapisz">Zapisz</div>

plik ze skryptem jQuery:

$(document).ready(function(){
    $('.zapisz').hide();
    $('.edytuj').click(function(){
        $('.edytuj').hide();
        $('.zapisz').show();
    });

    $('.zapisz').click(function(){
        $('.zapisz').hide();
        $('.edytuj').show();
    });
});

Mam nadzieję, że pomogłem :)

edytowany 2x, ostatnio: czubeka2, 2013-02-14 18:20
Poza tym, witam na forum :) - czubeka2 2013-02-14 18:20
i używasz starej funkcji, poczytaj o .on(); :) - poniatowski 2013-02-14 18:50
a co tam, niech stracę :) polaikuję Twojego posta :) na dobry początek :) - poniatowski 2013-02-14 18:53

Pozostało 580 znaków

2013-02-14 18:48
0

Przyznam szczerze, że pomogłeś :) zrobiłem to samo na if'ach, może trochę, krócej jak Ty masz i przy użyciu tylko jednego div class="edycja", ale dzięki:) wolę takie odpowiedzi jak typu wczytaj się w manualn albo w google :p a czasem są takie sytuacje, że ciężko jest się wczytać, bo czas goni etc :) dzięki, jesteś równy gość :) Witam :)

@poniatowski: skoro czubeka2 pomógł, to bądź łaskaw oznaczyć jego odpowiedź jako zaakceptowaną - ŁF 2013-02-15 12:31
ok, zrobiłem tak :) - poniatowski 2013-02-15 12:49

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0