terça-feira, 17 de março de 2009

Função javascript atribuir css para destacar item de menu selecionado

Interagir com CSS usando Javascript dentro de páginas ASPX


A função abaixo é ativada no evento de load da página na tag . A função tem a finalidade de atribuir um estilo que destaca o link do menu que estiver com sua página exibida, exemplo, ao clicar no link Produtos a página produtos.aspx será exibida e seu respectivo menu deverá estar destacado com o uso de um estilo específico. A atribuição de estilos ao menu é realizada através da função javascript a seguir.


function ativarEstiloMenu () {

var ob = document.getElementById("menuprincipal");

var encontrou = false;

for(var CT = 0 ; CT < a =" ob.childNodes[CT].childNodes[0];"> -1) {

a.className = 'home';

encontrou=true;

} else {

a.className = '';

}

}

if (encontrou==false) {

qs=new Array()

variaveis=location.search.replace(/\x3F/,"").replace(/\x2B/g," ").split("&")

if(variaveis!=""){

for(i=0;i nvar=variaveis[i].split("=")

qs[nvar[0]]=unescape(nvar[1])

}

}



function QueryString(variavel){

return qs[variavel]

}

if ((!QueryString("id"))&&(!QueryString("idconteudo"))) {

var a = ob.childNodes[0].childNodes[0];

a.className='home';

} else {

var a = ob.childNodes[0].childNodes[0];

a.className='';

}

}

}

Nenhum comentário:

Postar um comentário