Com esse código em php, passamos variáveis para url manualmente.
if (isset($_GET['layout'])) {
$layout = $_GET['layout'];
} else {
$layout = '1';
}
Com esse outro, em javascript, de autoria do @dvd aplicamos a variável passada na URL em todos os links da página.
var url_ = location.href,
param = url_.substring(url_.lastIndexOf("/"), url_.length),
params = ['layout','teste']; // insira aqui os nomes das variáveis
for(var y=0; y<params.length; y++){
if(param.indexOf(params[y]) != -1){
var var_ = url_.substring(url_.indexOf(params[y])+params[y].length+1,url_.length).match(/^(\d|\w){1,}/)[0],
a_ = document.body.querySelectorAll("a");
for(var x=0; x<a_.length; x++){
a_[x].href += (a_[x].href.indexOf("?") == -1 ? "?" : "&")+params[y]+"="+var_;
}
}
}
Tudo isso funciona muito. O que eu gostaria agora é. Passar as variáveis para URL, através de um select box.
<select id="layout" name="layout">
<option value="/?layout=1" selected="selected">Layout 1</option>
<option value="/?layout=2">Layout 2</option>
<option value="/?layout=3">Layout 3</option>
<option value="/?layout=4">Layout 4</option>
</select>
Lembrando que pode ter mais de um select. Um para layout, outro para sidebar, e que a seleção de um, deve se manter quando outro for selecionado e a página for atualizada.