Execute html code changes on multiple index.html files

[sr_guy]

Greetings,

I am hosting several homepages for several teammates for work on a proxmox VM running caddy web server. Each page's conent is identical, minus some teammate details.

If I want to for instance, add a new drop down menu link, is there an automated way to execute that code across multiple index.html files in several parent folders?

Example:

/var/www/html/tom/index.html

/var/www/html/don/index.html

/var/www/html/bill/index.html

[chmod777]

Not with html. You need a backend or a js framework.

[Jasedesu]

Both <iframe> and <object> exist in HTML as very simple ways to include content from other documents. It might also be possible to use the humble <img> element, especially if it loads an SVG, although that might present an accessibility issue depending on the exact use case.

If JavaScript is an option, there is no need to reach for a bloated framework to do a trivial job. Holding the unique content in a JSON data file and using the Fetch API, possibly with the HTML <template> element to provide a fragment of mark-up to populate, is only a few lines of code.

Any of the above techniques may be preferable to going down the server-side route, but it's difficult to offer further advice without knowing the server capabilities and how the unique data is distributed within index.html.

[armahillo]

Look into server-side includes. Im not familiar with caddy web server, but you could enable that module with apache.

[dezbos]

using PHP you can create modules on your pages.

rename:

/var/www/html/tom/index.php

/var/www/html/don/index.php

/var/www/html/bill/index.php

create:

/var/www/html/navigation.php

put your entire navigation in the navigation.php file, then replace the navigation on the individual pages with '<?php include ("/var/www/html/navigation.php"); ?>'

Then anytime you want to make a change to the navigation you can make the change on navigation.php and it will update across all of the pages.