Hey i am wondering if the following is possible:
There is a single page website for example index.html and a varibale for example MyVariable = 123; within the js script of this index.html. The URL example.com will show the index.html
Now is it possible to share a link that looks like example.com/1234 or something similar which then shows the normal index.html file but it changed the variable MyVariable to "1234" inside the js script?
Thank you! :)
First, you'll need to redirect server-side any URL of the form example.com/* to your index.html file. How to do this depends on the server you are using.
For Apache, you'll want to edit your .htaccess file or configuration to add a rewriting rule:
<ifModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !index
RewriteRule (.*) index.html [L]
</ifModule>
Source: http://www.josscrowcroft.com/2012/code/htaccess-for-html5-history-pushstate-url-routing/
Then, in you JavaScript code, you can access the current location (URL) via the window.location object.
You'll be interested in the pathname property, that will contain in your example: /1234.
To extract the value you'll have to do something like this:
var MyVariable = window.location.pathname.substring(1);
var declaration.
var or not. For the sake of the example, not putting var would be a very bad practice.i would recommend using php get , if you are using apache , where you can transfer your variable through a link
call you page like index.php?myvariable=1234
<html>
<body>
your variable is <?php echo $_GET["myvariable"]; ?>
</body>
</html>
myVariablewas not assigned as a local variable to it's function, then you could modify it after page load, but not before, because you would have to modify the file contents.