"Template" of sorts for HTML website

Question

I have a website which currently resides in the form of HTML files in my server's folder. I have some elements that are present on each page, and have to be the same, e.g. the navbar. When I add a new link to the navbar, if I want to make that effective for every page, I have to go around every single file replacing code. Is there a way to make the code be "inserted" from a file? I know something like that is possible with <?php include() ?>, but how would I be able to do that without server-side scripting?

EDIT: jQuery and other libraries are fine.

score 0 · Answer 1 · answered Nov 15 '12 at 13:09

0

I don't know if this is too much for your use case, but there is the handlebars.js library available for Javascript and HTML templating. Of course you would need to program Javascript then.

answered Nov 15 '12 at 13:09

j0nes

7,800
3
34
40

score 0 · Answer 2 · answered Nov 15 '12 at 13:09

0

Form what I undarstand you are in need for a JS templating engine of sorts :

http://handlebarsjs.com/

is what might fit your needs

answered Nov 15 '12 at 13:09

Nikola Sivkov

2,779
3
31
63

score 0 · Answer 3 · edited May 23 '17 at 10:24

0

You should be able to do

<!--#include virtual="path/file.html" -->

also, see How to include an HTML page into another HTML page without frame/iframe?

edited May 23 '17 at 10:24

Community

1
1

answered Nov 15 '12 at 13:10

slapthelownote

4,069
1
21
27

1

This may need to be turned on in your web servers configuration. – chris Nov 15 '12 at 13:11
That's pretty much server-side scripting. – slaphappy Nov 15 '12 at 13:13
This is an IIS-only functionality, although I don't recall if it was only for ASP pages or all pages served through IIS. – Germán Enríquez Nov 15 '12 at 13:13
Question: for that, do I need to name my files `file.php`, or can it be `.html`? – Bluefire Nov 15 '12 at 13:14

score 0 · Answer 4 · answered Nov 15 '12 at 13:10

0

Of course that is possible. For example with jQuery. See the .load() function here.

answered Nov 15 '12 at 13:10

Andreas

492
5
16

score 0 · Accepted Answer · answered Nov 15 '12 at 13:36

The only way to go without the server-side is javascript. See Aviatrix's post for a JS template.

In your case, and only if server-side IS ACCEPTABLE for you, I would rather go for a more generic approach; instead of having your navbar in each file/page, create your navbar one time in a separate file, and use it in every page (php or other ssi approach is needed).

"Template" of sorts for HTML website

5 Answers5

Linked