I’m trying to call a function on my XAMPP server that dynamically changes the current stylesheet of an HTML document. This is what I’m currently doing:
document.getElementById("color-scheme").href = "../colors.css";
The colors.css is obviously one folder above the page that is using this code, hence the “../”. Now my problem is that there are dozens of pages in different folder levels that all need to access this colors.css to set the color-scheme. For example:
- index.php (same folder)
- news/index.php (one folder in)
- news/january/index.php (two folders in)
… and so on.
This means that every page that isn’t exactly one folder above colors.css doesn’t work as it can’t find the file at “../colors.css”, as the server seems to go back beyond the root to find the file.
I feel like manually adding “../” according to the folder’s level would be very bad coding, so I don’t want to do this:
function LoadColorScheme(var level) {
var path = "";
for (var i = 0; i < level; i++)
path += "../";
path += "colors.css";
}
Is there a better way to do this?