manipular css com javascript

[odenis 0]

Olá pessoal....

bom...

tenho a seguinte dúvida...

 

tenho um menu que faz troca de imagens quando o mouse passa por cima, quando clico o propriedade do css que deixa o link ativo não esta fixando a imagens quando clicado.

 

gostaria de saber como faço para fixar atraves do javascript??

 

tentei da seguinte forma

 

 

function ativa(id){

e = document.getElementById(id);

e.style.backgroundImage = 'url(images/icon-on.png)' ;

e.style.backgroundRepeat = 'no-repeat';

e.style.backgroundPosition = '3px';

e.style.color = '#FFF';

}

 

 

no html

---------------------------------------------------------------------------------------

serviços

<ul class="menu">

<li id="hr" class="menu">

<a href="hospedagemrevenda.php" onclick="java script:ativa('hr');">hospedagem/revenda</a></li>

<li id="criacao" class="menu">

<a href="criacao.php" onclick="java script:ativa('criacao');">criacao</a></li>

<li id="producao" class="menu">

<a href="producao.php" onclick="java script:ativa('producao');">producao</a></li>

</ul>

portfólio

<ul class="menu">

<li id="case" class="menu">

<a href="case.php" onclick="java script:ativa('case');">cases</a></li>

<li id="clientes" class="menu"><a href="clientes.php" onclick="java script:ativa('clientes');">clientes</a></li>

</ul>

 

 

 

porem quando carrega o pagina no fixa o imagem(url(images/icon-on.png))...

 

onde eu errei.....

[klonder 14]

É necessário passar um parâmetro via GET, para informar à nova página, qual figura será exibida.

 

Você pode fazer isso da seguinte maneira:

<script>
/*
Código desenvolvido e testado por: klonder
Postagem exclusiva em: http://forum.imasters.com.br/index.php?showtopic=323322
Código livre para edição e utilização.
*/


function QueryString(parametro) {
var posInt = location.href.indexOf('?',0);
var posIgual = location.href.indexOf('=',0);
var find = 0;
//Verificando se foram passados parâmetros para a string;
//Se posIgual for diferente de -1, foram passados parâmetros via GET
//E o código a seguir será executado:
if (posIgual != -1) {
 		
 	//Pegando a parte da string que possui os parâmetros (após o ?);
 	var strGets = location.href.slice(posInt+1);
 	
 	strParam = new Array();
	
	//Contando quantos parâmetros foram passados via GET;
	//Para isso, vamos contar quantos & existem na string;
	//Se não houver "&": Apenas um parâmetro foi passado!
	if (strGets.indexOf('&',0) == -1) {
		//Pegando o parâmetro e seu valor:
		
		strParam[0] = new Array();
		strParam[0] = strGets.split("=");
			
	}else{
		//Quebrando a string strGets em array através do delimitador "&";
		strParamTotais = strGets.split("&");
		
		for (var i=0; i<strParamTotais.length; i++) {
			strParam[i] = new Array();
			strParam[i] = strParamTotais[i].split("=");
				if (strParam[i][0] == parametro){
					find = 1;
				 	return strParam[i][1];
				}
		}
		if (find == 0) {
			alert("Parâmentro '"+parametro+"' não localizado!");
		}
	}
}

}

</script>

<script>
figura = QueryString("fig");
document.write(figura);
</script>

Veja mais sobre obtenção de parâmetros passados via GET em java script:

http://forum.imasters.com.br/index.php...mp;#entry193778

 

http://forum.imasters.com.br/lofiversi...hp/t234102.html