Forum PHP.pl > [JavaScript][HTML]Po naciśnięciu na odnośnik aktywowanie 1 DIV'a i chowanie 2 DIV'a

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][HTML]Po naciśnięciu na odnośnik aktywowanie 1 DIV'a i chowanie 2 DIV'a

Giluś

4.02.2013, 19:33:42

Cześć, chce za pomocą odnośnika z ładnym przejściem wykonać załączenie 1 DIV'a a wyłączenie 2 DIV'a, wiem że powinienem skorzystać z takich funkcji:

Gdy naciskam na odnośnik #1:

[JAVASCRIPT] pobierz, plaintext 
document.getElementById(#div1).style.display = "block"; // pokazuje div'a
document.getElementById(#div2).style.display = "none"; // chowa div'a
[JAVASCRIPT] pobierz, plaintext

Gdy naciskam na odnośnik #2:

[JAVASCRIPT] pobierz, plaintext 
document.getElementById(#div2).style.display = "block"; // pokazuje div'a
document.getElementById(#div1).style.display = "none"; // chowa div'a
[JAVASCRIPT] pobierz, plaintext

Ale nie wiem jaką tą funkcję stworzyć, aby wykrywała mi kliknięcie na ten odnośnik i w dodatku tak aby jeszcze te divy nie chowały/pokazywały się tak topornie, tylko z jakimś przejściem..

Pozdrawiam i z góry dziękuje za podpowiedz

sajegib

4.02.2013, 19:43:10

Robiłem coś podobnego ostatnio, najlepiej użyj jQuery i po prostu .show(); .hide(); i :visible

Poszukaj mojego tematu na tym forum, tam masz to dokładnie rozpisane

zamper

4.02.2013, 19:44:17

Poczytaj o jQuery

Kod

$(function() {
     $('#przycisk1').click(function(){
          $('#div1').show(1000); // 1 sekunda
          $('#div2').hide(1000); // 1 sekunda
     });
     $('#przycisk2').click(function(){
          $('#div1').hide(1000); // 1 sekunda
          $('#div2').show(1000); // 1 sekunda
     });
});

Jak chcesz jakieś bajery to pobaw się funkcjami slideUp() i slideDown() i użyj Easing Pluginu

Giluś

4.02.2013, 20:31:31

Dzięki bardzo

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.