JavaScript - Script na podmianę textu/diva

pytanie zadane 2 czerwca 2016 w JavaScript przez Sarvite Obywatel (1,210 p.)

Witam, szukam pomocy w JS.

Chciałbym, aby text lub cały div po pewnym czasie zmienił swoją zawartość.

(Tak jak w 2 odcinku Kursu JS (Slajder)

Możecie pomóc?

1 odpowiedź

odpowiedź 2 czerwca 2016 przez ScriptyChris Mędrzec (190,190 p.)

Szukasz element.innerHTML; ?

https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML

komentarz 2 czerwca 2016 przez mitelak Pasjonat (23,330 p.)

Myślę że najlepszym rozwiązaniem byłoby przygotowanie tych divów i ostylowanie, a później zmieniać style przez javascript ukrywając jeden, a pokazując inny :)

//edit źle kliknąłem i miała być odpowiedź normalna a nie do Twojej :D (a nie wiem jak tu usunąć chyba sie nie da)

komentarz 2 czerwca 2016 przez ScriptyChris Mędrzec (190,190 p.)

Autor pyta o zmianę "zawartości" a nie stylu. Chyba, że coś źle zrozumiałem.

P.S. Komentarz i odpowiedź możesz ukryć.

komentarz 2 czerwca 2016 przez mitelak Pasjonat (23,330 p.)

Faktycznie, ale przez ten slajder stwierdziłem że chce mieć kilka divów które będą się zmieniać co jakiś czas na przykład, albo po kliknięciu :D Dlatego wydaje mi się lepsze by było mieć je wszystkie i zmieniać. Chyba że faktycznie chodzi o pojedynczą zmiane tekstu to wiadomo nie ma sensu ;)

komentarz 4 czerwca 2016 przez Sarvite Obywatel (1,210 p.)

Chciałbym uzyskać efekt, żeby po np 5000 milisekundach podmienił się text, albo div z textem na inny. Oczywiście, aby to wszystko sie powtarzało.

Oczywiście chciałbym, aby podmieniał się tylko div/text a nie całą strona, więc chyba trzeba użyć .innerHTML

komentarz 4 czerwca 2016 przez ScriptyChris Mędrzec (190,190 p.)

po np 5000 milisekundach

Jeśli jednorazowo, to użyj setTimeout();, jeśli cyklicznie, to zastosuj setInterval() albo setTimeout() z rekurencją.

Jeśli chcesz podmienić DIVy, to możesz jeden schować, a drugi pokazać. Tutaj możesz pobawić się CSS i zastosować klasę typu .hide{display: none},którą będziesz dodawać i usuwać do DIVów - poprzez JavaScriptowe element.classList.add() oraz element.classList.remove(). Dzięki temu uzyskasz efekt, że jeden DIV znika, a drugi się pojawia.