Question

I am developing my own template selector for CSS templates. At the moment, it works fine, clicking on a name from the selectbox changes the template. However there is 1 function that is missing.

If you look here: http://www.demo.joomforest.com/?template=corporate

you can obviously see the URL contains ?template=corporate at the end of it, thus if you enter that URL, it loads the corporate template.

This is my selector so far: http://joomjunk.co.uk/demo

As you can see, I added a hash + template name to the end of the url upon selecting a template, however if you copy and paste that URL into a new tab for example, it loads the default template.

So my question is, how can I add something similar to ?template=corporate and have it load the correct template upon loading that specific URL?

I’m not asking for the full code, but to point me in the right direction.

Thanks in advance.

Answer 1

window.location.search

This will contain whatever comes after the ? in your URL, including the ?

if

window.location.href === "http://www.demo.joomforest.com/?template=corporate"

then

window.location.search === "?template=corporate"

if you want to parse the query string, there are many resources available. If, however, you just want to do it for this specific case:

var tmpl = window.location.search.split('=')[1];
// tmpl === "corporate"

This will split the string on = and then return the second element in the array