Home/ Questions/Q 8110651
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T01:49:45+00:00

I have a page that consists of a header div for navigation, a content

  • 0

I have a page that consists of a header div for navigation, a content div for content, and a footer div that just has some static information.

The idea is that when you click on something in the header bar, the content div changes its content accordingly. I’d like to store each content element in its own file, for ease of development. How can I go about filling in this magicLoad function I’ve written below?

I’m currently not using any framework (jquery comes to mind) but I’m certain not opposed to using one. If there’s other best practices I’m violating here, I’m keen to know as well, but my primary goal is to load from an external page. How can I do this?

Here’s a basic skeleton mockup of my setup right now. (There’s more than just those 3 of course, but those are enough to get the point across.)

<html>
    <script type="text/javascript">
    function show(which) {
        document.getElementById(which).innerHtml = magicLoad(which + ".html");
        return false;
    }       
    function showHome() { show('home'); return false;} // for onload

    </script>
    <body>
    <div id="header">
        <a href="javascript:void(0)" onclick="show('home')">HOME</a> |
        <a href="javascript:void(0)" onclick="show('training')">TRAINING</a> |
        <a href="javascript:void(0)" onclick="show('audits')">AUDITS</a>
    </div>
    <div id="content">

    </div>
    <div id="footer">

    </div>
    </body>
    <script> window.onload=showHome; </script>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    use the following, simple and straight

    $('#which').load('test.html');

    if which is coming as parameter

    $('#'+which).load('test.html');
    • 0