Ładowanie podstron do diva

Question

Cześć otóż od nie dawna bawię się w tworzenie stron internetowych . Na początku uczyłem się html chyba 4 wtedy jeszcze i tam pracowało się na ramkach . Teraz przeszedłem na HTML 5 i CSS oraz js (ale dopiero się uczę JS xD).

I wszystko byłoby fajnie gdyby nie to że nie wiem w jaki sposób zrobić, otwieranie podstron w konkretnym divie. Widziałem że Pan Mirosław zrobił to na takiej zasadzie że po prostu kopiował stronę i zmieniał tego diva.

I teraz mam pytanie .

1. Czy jeżeli mam około 100 podstron to , to jest opłacalne ?

2. Czy to obciąża mocno serwer ?

I tu mam do was prośbę czy mógłby mi ktoś wytłumaczyć jak zrobić te wczytywanie stron do diva za pomocą JS ?

Wiem że jest taka możliwość czytałem coś o AJAXIE, i Pjax ale nie wiem jak to zrobić .

 

Wiem też że istnieje łatwiejszy sposób w PHP ,  ale na razie nie chcę się bawić w PHP , ponieważ i tak mam już za dużo na głowie . A te wczytywanie potrzebne jest mi do szkoły , ponieważ robię sobie taką mini stronę dydaktyczną, gdzie będę zamieszczał różne przydatne rzeczy np. do matury, jakieś programy itp.

 

Z góry dziękuje . ! :)

Answer 1

Jeśli pytasz o metodę, dzięki której możesz przeskakiwać pomiędzy podstronami lub elementami jednej strony (bez przeładowywania tej strony), to są to tzw. Internal linki.

https://www.youtube.com/watch?v=BNXWQONM9PA

http://www.yourhtmlsource.com/text/internallinks.html

https://moz.com/learn/seo/internal-link

Answer 2

Skoro pjax jest za trudny (patrzyłeś na https://github.com/defunkt/jquery-pjax ?), a z PHP nie chcesz się babrać, to chyba najrozsądniejszym wyjściem jest po prostu robienie tego ręcznie ;)

Względnie iframe[name] + linki z odpowiednim [target]. Ale tutaj od razu warto poczytać: https://kornel.ski/ramki

Answer 3

Te internal linki , to są zwykłe hiperłącza. Co do pjax to ja się w ogóle nie orientuje w tym . A ramki to odpadają , ponieważ nie chcę cofać się w rozwoju skoro już przeszedłem na divy , to chciałbym robić dalej na nich .

 

Może ktoś by mi pokazał jakiś szablon strony jak to ma mniej więcej wyglądać ?

Na razie bawię się w upiększanie strony css'em i robię jakieś banalne skrypty w JS'ie , ale teraz robię MEN i chciałbym żeby można było wybrać z menu jakiś link i żeby ta strona otworzyła się w moim divie i strona się nie załadowała od nowa .

Comments

Dobra na razie nie robię chyba tego. Będę po prostu kopiował strony i zmieniał zawartość diva. Ale mam do Was pytanie czy takie rozwiązanie wpływa na wydajność strony ? Jeżeli tak to bardzo mocno czy nie?  Moja strona waż jakieś 1.2 KB więc mało cały projekt jak na razie waży 2MB xD . Wiem że mało , ale chcę wiedzieć na przyszłość czy takie rozwiązanie jest dobre i czy nie jest błędem .