Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Javascript Pomoc

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

Javascript Pomoc

Post 20.03.2016, 13:10:15

Siemka, mam pytanko czy ma ktoś pomysł jak by to sensownie zmienić ?

document.getElementById("radio1").addEventListener("click", klik1);
document.getElementById("radio2").addEventListener("click", klik2);
document.getElementById("radio3").addEventListener("click", klik3);
document.getElementById("radio4").addEventListener("click", klik4);
function klik1() {
document.getElementById("tekst1").style.height = '400px'
document.getElementById("tekst2").style.height = '0';
document.getElementById("tekst3").style.height = '0';
document.getElementById("tekst4").style.height = '0';
}
function klik2() {
document.getElementById("tekst1").style.height = '0';
document.getElementById("tekst2").style.height = '400px';
document.getElementById("tekst3").style.height = '0';
document.getElementById("tekst4").style.height = '0';
}
function klik3() {
document.getElementById("tekst1").style.height = '0';
document.getElementById("tekst2").style.height = '0';
document.getElementById("tekst3").style.height = '400px';
document.getElementById("tekst4").style.height = '0';
}
function klik4() {
document.getElementById("tekst1").style.height = '0';
document.getElementById("tekst2").style.height = '0';
document.getElementById("tekst3").style.height = '0';
document.getElementById("tekst4").style.height = '400px';
}
misiu99
Posty: 24
Dołączył(a): 21.10.2015

Re: Javascript Pomoc

Post 20.03.2016, 14:29:00

Do CSS
Kod: Zaznacz cały
#tekst1, #tekst2, #tekst3, #tekst4 {
    height: 0;
}

#tekst1.selected, #tekst2.selected, #tekst3.selected, #tekst4.selected {
    height: 400px;
}


Kod JS

Kod: Zaznacz cały
function klik (nr) {
    for (var i = 1; i <= 4; i++) {
        document.getElementById("tekst" + i).classList.toggle("selected", i === nr);
    }
}

for (var i = 1; i <= 4; i++) {
    document.getElementById("radio" + i).addEventListener("click", klik.bind(null, i));
}
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19772
Dołączył(a): 14.04.2002

Re: Javascript Pomoc

Post 20.03.2016, 22:25:36

o dzięki wielkie :)
misiu99
Posty: 24
Dołączył(a): 21.10.2015


Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 2 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 51520 zarejestrowanych użytkowników.
Najnowszy użytkownik: ThomasNix


Nasi użytkownicy napisali:

  • 937847 wiadomości
  • w 247510 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)