solution Posted June 22, 2016 Share Posted June 22, 2016 (edited) I have designed a website and i am wanting the header and footer to stay on the page and not refresh when a page navigation link is selected on the navigation bar i just want the content to refresh. I have header which contains the header or and footer which contains the footer... Plz hw shld i go about it using html, css nd js. thanks Edited June 22, 2016 by solution Link to comment Share on other sites More sharing options...
davej Posted June 22, 2016 Share Posted June 22, 2016 The basic answer for that is AJAX. See... http://www.w3schools.com/ajax/ Link to comment Share on other sites More sharing options...
solution Posted June 22, 2016 Author Share Posted June 22, 2016 Plz I'm gettin comfused, is der no oda way to do it?. Link to comment Share on other sites More sharing options...
justsomeguy Posted June 23, 2016 Share Posted June 23, 2016 That's the modern way to do it. Years ago people would have used frames, but frames cause their own problems. Link to comment Share on other sites More sharing options...
dsonesuk Posted June 23, 2016 Share Posted June 23, 2016 Better option http://www.w3schools.com/jquery/jquery_ajax_load.asp, with this you can create pages individually which is good for SEO, but then use a single page to load content from other pages from specific id ref into this single page, you will just disable tbe link to trigger jquery load() to load content using link address. Link to comment Share on other sites More sharing options...
Chikwado Posted June 24, 2016 Share Posted June 24, 2016 (edited) @solution I have design a website and I am wanting the header and the footer to stay on the page and not refresh when a page navigation link is selected on navigation bar. This might be what you are looking for, Test if it is. Then, this is not ajax. This is just javascript function and event handler. Although ajax can be called with event handler as well. When you click navigation bar, javascript clear everything in section and return new data. The header, navbar, aside, article, footer were not changed. I created that page not to make it professional looking, but to test javascript event handler. Edited June 24, 2016 by Chikwado Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now