Optimal way to include files/html for offline viewing

Question

I'm currently building a website using the service provided by github with gh-pages.

Since it is possible to download the repository as a zip package, i'm trying to figure out a good way to include header, footer and other stuff into the different pages I'm about to write for an offline browsing supported by at least the more common browsers such us chrome, safari and firefox.

The website builded this way should be rendered only by the browser, so php, ssi etc don't fit the need.

Jquery seems to be a good way (of course given that i provide the needed scripts in the repo to download), but i am having some issues with chrome which encounter a permission denied error handling a localhost file retrivial.

So in which smart way can i include an HTML file into another one?

I think an ajax method could work as explained here dynamicdrive.com/dynamicindex17/ajaxincludes.htm however the simple jquery $(#id).load(file) was more straightforward. — Maxiride
– Maxiride, Commented Apr 23, 2015 at 6:53
After further research I found this net script johannburkard.de/blog/programming/javascript/… which works like a charm, however the nested menu included in such way isn't modified by another jquery script that handles hide\show css function. Why? — Maxiride
– Maxiride, Commented Apr 23, 2015 at 12:53

David Jacquel · Accepted Answer · 2015-04-23 14:11:39Z

0

I'm sure you will be pleased by Jekyll static site generator

answered Apr 23, 2015 at 14:11

David Jacquel

53k7 gold badges133 silver badges155 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Maxiride Over a year ago

That's not a viable way, because if all the files are downloaded locally the website will not be rendered just using a browser to open index.html. A local install of jekyll would be needed. And what I aim to do is a downloadable website which is usable offline just with a browser. Thanks anyway for the hint even if I already knew jekyll and it's setup.

David Jacquel Over a year ago

And Jekyll, the Octopress way. Generate locally, automatically push code in one branch, generated website in an other. Just do a release on github and your generated website can be downloaded as a zip and fully functional on a file system. octopress.org

Maxiride Over a year ago

I'll read more about octopress, thanks! However how could a browser interpret liquid formatting and YAML code on it's own?

David Jacquel Over a year ago

With octopress you have the code in one branch and the generated result in one other, all come from you local build. You customer only have to download the generated result and it will play nearly well offline, because of the resources path that can be tricky to setup.

Ralph Yozzo · Accepted Answer · 2015-05-04 02:24:53Z

0

This may possibly help. HTML5 is starting to support offline pages/applications.

See http://updates.html5rocks.com/2015/02/offline-first-with-sw-precache

and http://googlechrome.github.io/sw-precache/

This is currently only available in Chrome Canary and Firefox nightly but offline support is becoming a standard in w3c. See http://www.w3.org/TR/service-workers/

answered May 4, 2015 at 2:24

Ralph Yozzo

1,14213 silver badges27 bronze badges

Collectives™ on Stack Overflow

Optimal way to include files/html for offline viewing

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related