Mudando <div id de acordo com a página

Olá pessoal,

Alguém pode me informar como eu altero a <li class="active"> de acordo com a página..
Por exemplo, se eu clica na página Downloads automaticamente o <li class="active"> sair do Inicio e ir para Downloads.
Exemplo no código

Cliquei na página Inicio

Citação:

---

<div id="wrapper" class="clearfix">
<div id="menu">
<div id="menu_div" class="clearfix">
<ul>
<li class="active"><a href="?page=home"><span>Inicio</span></a></li>
<li><a href="?page=paneluser"><span>Painel</span></a></li>
<li><a href="?page=register"><span>Cadastro</span></a></li>
<li><a href="?page=downloads"><span>Downloads</span></a></li>
<li><a href="?page=rankings"><span>Rankings</span></a></li>
<li><a href="?page=vips"><span>Vips</span></a></li>
<li><a href="{#SHOPPING_LINK}" target="_blank"><span>Shop</span></a></li>
<li><a href="?page=contact"><span>Fale Conosco</span></a></li>
</ul>
</div>
</div>

---

Cliquei na página Downloads

Citação:

---

<div id="wrapper" class="clearfix">
<div id="menu">
<div id="menu_div" class="clearfix">
<ul>
<li><a href="?page=home"><span>Inicio</span></a></li>
<li><a href="?page=paneluser"><span>Painel</span></a></li>
<li><a href="?page=register"><span>Cadastro</span></a></li>
<li class="active"><a href="?page=downloads"><span>Downloads</span></a></li>
<li><a href="?page=rankings"><span>Rankings</span></a></li>
<li><a href="?page=vips"><span>Vips</span></a></li>
<li><a href="{#SHOPPING_LINK}" target="_blank"><span>Shop</span></a></li>
<li><a href="?page=contact"><span>Fale Conosco</span></a></li>
</ul>
</div>
</div>

---

É basicamente isso..
OBS: MuSite v2.5.x

(moderação altera o título, não é <div id é <li class)

isso da pra fazer em JavaScript " mas n estudei JS ainda '-' "
int em php ficaria +- assim

Código PHP:

---

<li <?php echo ($_GET["page"]=="home"?" class='active'":NULL); ?> > <a href="?page=home"> Home </a></li>

---

vc adiciona em todas <li> do seu menu, dai você seta o que vem depois do "?page=" do link correspondente

Dá uma lida sobre o a função attr do jquery.
Aqui tem: [Only registered and activated users can see links. Click Here To Register...]

@anderinho2
Funcionou, é exatamente o que eu estava procurando :fovhappy:

@Renatiinn
Obrigado, já consegui, vou ver se acho um jeito via jQuery também :)

Se algum moderador quiser marcar o mesmo como resolvido, pode!

Sei que o tópico já ta fechado e coisa e talz, mas caso queira uma solução em jquery segue abaixo.

Código HTML:

---

$(document).ready(function(){
    var url = window.location.href;
    url = url.split('?');
    if (url[1] == null) {
        $('#menu_div > ul > li:first').addClass('active');
    } else {
        url = url[1].split('=');
        url = '?' + url[1] + '=' + url[2];
        $('.active').removeClass('active');
        $('a[href=' + url + ']').parent().addClass('active');
    }
});

---