Zmiana tekstu na stronie bez robienia podstron

pytanie zadane 3 czerwca 2015 w HTML i CSS przez Zibby Początkujący (360 p.)

Witam, robię stronę internetową w której mam zamiar umieścić dużo tekstu, który będzie się zmieniał jak kliknę w jakiś link. Wiem, że można tego dokonać robiąc podstrony, ale chcę zmienić tekst tylko w jednym divie i musiałbym robić około dwadzieścia podstron, które wyglądają tak samo oprócz zawartości (tekstowej + zdjęcia) jednego diva. Jest jakaś funkcja która po kliknięciu danego linka (lub przycisku) zmienia zawartość diva na inny?

Jestem na samym początku "przygody" w HTML, ale wydaje mi się, że nie jest za wcześnie na rozwiązanie mojego problemu, z góry dzięki za podpowiedzi i pomoc ;)

3 odpowiedzi

odpowiedź 4 czerwca 2015 przez Anonim Mądrala (6,000 p.)

Możesz za pomocą JS:

function a()
{
document.getElementById("id_diva").innerHTML="treść";
}

Trzeba by to napisać pomiędzy znacznikami <script></script> w sekcji head.
W HTML:

<div onlick="a();">a</div>

komentarz 4 czerwca 2015 przez Czort Nałogowiec (32,500 p.)

Dobra metoda, która niestety ma parę minusów - nie zmienia url i przycisk wstecz w przeglądarce nie działa. Jeśli komuś nie zależy na powyższych to jak najbardziej może być :)

komentarz 4 czerwca 2015 przez Anonim Mądrala (6,000 p.)

Taką metodę używam na mojej stronie i mam z tym problem, ale nie lubię php, więc nie napiszę tego w php.

Każda metoda ma jakieś minusy.

komentarz 4 czerwca 2015 przez Comandeer Guru (601,490 p.)

Ale po co Ci PHP - da się ogarnąć w samym JS, patrz: History API + pjax https://github.com/defunkt/jquery-pjax - ten plugin działa na podstawie $.fn.load, więc da się dociągać tylko potrzebną część podstrony

Czemu warto to robić to można poczytać na https://pornel.net/ramki

komentarz 4 czerwca 2015 przez Anonim Mądrala (6,000 p.)

Dzięki! :)

Przyda się.

odpowiedź 3 czerwca 2015 przez Comandeer Guru (601,490 p.)

Źle do tego podchodzisz. Zmiana treści = zmiana adresu. Zatem te podstrony i tak powinny istnieć. Można co najwyżej wymuszać ich wczytanie bez przeładowywania całej strony, np. przy pomocy pluginu pjax: http://github.com/defunkt/jquery-pjax

W ostateczności można jeszcze pokombinować z ukrywaniem i pokazywaniem divów, które są w tym, co ma się zmieniać przy pomocy :target