Is het mogelijk om met Jquery show() en hide() een complete website te bouwen, zonder herladen pagina?

Question

Ik heb voor mijn portfolio het rare idee de hele site via show en hide te bouwen, zodat de gebruiker geen pagina's hoeft te herladen. Hierdoor zal de gebruiksvriendelijkheid beter zijn.

Nu weet ik echter niet of het kan, dus dat is gelijk mijn vraag.

Ik heb een menu met 4 buttons: home, portfolio, cv en contact, op al deze pagina's staat ander content.

 · Accepted Answer

Het makkelijkste is om dit gewoon met AJAX te doen.

In de head van je html zet je dit neer:

De link naar bijvoorbeeld je portfolio word dan dit:
Portfolio

Ik ga er vanuit dat als je op die link klikt, dat dan niet alles veranderd moet worden, maar alleen een bepaalt stuk. (Het menu etc moet allemaal het zelfde blijven.)

Om het stuk dat moet veranderen zet je een div, met de id "inhoud" (hij mag ook anders heten, maar dan moet je dat ook aanpassen in het bovenstaande script).

Nu is het een kwestie van op de link klikken, en de inhoud van de div, wordt verandert naar de inhoud van linkNaarPortFolio.html. Let wel op dat je in het bestand dat je wil aanroepen via ajax, niet een html/head/body etc tags hebt staan. Alleen hetgeen wat je tussen die div weer wilt geven.

Ik zet in de reactie hieronder nog even een complete voorbeeld code. (Die past hier niet meer in vanwege het maximum aantal karakters.)

(Lees meer...)

Verwijderde gebruiker

12 jaar geleden

Verwijderde gebruiker

12 jaar geleden

AJAX

Portfolio href="JavaScript:void(0);" onclick="loadXMLDoc('linkNaarBiografie.html')">Biografie

Inhoud van pagina 1. Deze wordt verandert als je op 1 van de links klikt.

Verwijderde gebruiker

12 jaar geleden

Bedankt :). Ik ga er naar kijken :)

Is het mogelijk om met Jquery show() en hide() een complete website te bouwen, zonder herladen pagina?

Het beste antwoord

Weet jij het beter..?