Is het mogelijk om met Jquery show() en hide() een complete website te bouwen, zonder herladen pagina?
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.
-
Vraag volgen
- Delen
-
-
Weet jij het antwoord?
Het beste antwoord
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.)
Stel zelf een vraag
Ben je op zoek naar het antwoord op die ene vraag die je misschien al tijden achtervolgt?
