Home/ Questions/Q 8883739
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T20:53:19+00:00

I want to make a website that will have multiple pages, but because of

  • 0

I want to make a website that will have multiple pages, but because of a unique navigation bar, I cannot simply link to a new file for each page. What is the best way to accomplish this. Some possibilities that I can think of are having all of them on one page, but using css and javascript to move the other pages offscreen, or using iframes and loading them with javascript. Could someone please direct me to some examples or tutorials?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use jQuery to load up pages as they are clicked from the navigation. Simply have a containing divider (<div>) which the page will load into.

    This will load the pages without reloading.

    IFF (not a typo, it means “If and Only If”) you want support for browsers without Javascript enabled, use an iFrame, but then in your javascript remove it from the browser as it’s very bad practice to use iFrames.

    <script>
$(document).ready(function(){
 $("iframe").remove();
 $("body").append("<div id='page_container'></div>");
 $("#navigation_bar a").click(function(e){
  e.preventDefault();
  $("#page_container").load("http://www.example.com/"+this.attr("href"));
 });
});
</script>

    HTML would look like:

    <body>
 <nav>
  <a href="link1.html" target="frame">Link1</a>
  <a href="link2.html" target="frame">Link2</a>
 </nav>
 <iframe src="link1.html" name="frame"></iframe>
</body>

    Not tested, but concept should work (http://jsfiddle.net/Ns2Gx/)

    • 0