Home/ Questions/Q 7716545
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T02:39:47+00:00

This is my first question here so try to make my best so you

  • 0

This is my first question here so try to make my best so you can understand it clearly…
So my problem is that I want to load menus and footers from external HTML file so It would be easier later modify them. I can’t use php or other server-side languages cause it’s for school and I use it from usb stick.

My current code goes like this:

<head>
    <title>SchoolStuff</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
    <div id="header">
        <p>[Stuff here]</p>
    </div>
    <script > 
     $("#header").load("/header.html #header"); 
    </script> ...

and in the header.html it look like this:

<body>
<div id="header">
    <ul>
      <li><a href="#"> Just a Test</a></li>
    </ul>
 </div>

So do you guys have any ideas how to do this? It doesn’t matter if you solve this in something else than jquery but it can’t be server-side language. And IFrame doesn’t work for this kind of purpose because I don’t want the whole page. I just want specific parts.

EDIT: ok it looks like it just wont work in chrome (which is really weird though)
so if you have any ideas to get it work in chrome too it would be appreciated

EDIT 2: I decided to put my site online so it’s easier for everyone…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Without the use of server-side technologies, I don’t believe this is possible. JavaScript adheres to the same origin policy, and when loading files via the file:// protocol the origin I believe is set to null.

    In my testing, I’m getting the error: Origin null is not allowed by Access-Control-Allow-Origin. Which leads me to believe that you cannot load files from the local filesystem (small white lie, this may help).

    • 0