[Resolvido] Problemas com o metodo style

[Henrique Barcelos 290]

Como js não é minha especialidade, não sei se estou fazendo alguma coisa errada:

 

function mudarEstilo(){
	var links = document.getElementsByTagName("a");
	for (var i = 0; i < links.length; i++) {
		if (links[i].className.match("link_textos")) {
			links[i].onclick = function(){
				links[i].style.color == "#000000"
			}
		}
	}
}

se alguém puder dar uma luz eu agradeço ^_^

[Carutcho 0]

quando você usa "==" significa q você ta comparando,

quando você usa "=" você atribui valor a ação da esquerda.

 

Testa aee:

function mudarEstilo(){
	var links = document.getElementsByTagName("a");
	for (var i = 0; i < links.length; i++) {
		if (links[i].className.match("link_textos")) {
			links[i].onclick = function(){
				links[i].style.color = "#000000"
			}
		}
	}
}

 

Absss

[Henrique Barcelos 290]

não resolveu ainda, no console de erros do IE fala que "links é nulo ou não é um objeto"

[Carutcho 0]

No FF funfa direitinho ?

ou tbe stá com erro ?

[Henrique Barcelos 290]

não funciona...

 

como o FF não mostra os erros de js não acontece nd

[Carutcho 0]

Tente esse aqui então

 

function mudarEstilo(){

	var links = document.getElementsByTagName("a");
	for (var i = 0; i < links.length; i++) 
	{	
		if (links[i].className.match("link_textos")) 
		{
				   links[i].onclick = function()
		  {			
			this.style.color="#000000";
				  }
		}
	}
}

O "this" que eu coloquei ali, significa q ele vai pegar o elemento q foi clicado e tomar ele como referencia, ele no caso não encherga as variáveis do for, só enchergaria variáveis "globais" (variáveis declaradas antes de ser inscrita a função com "var variavel = 0", porém todos os links fariam referência a mesma variável e não serveria pro seu caso.

 

Não sei se expliquei muito bem, é mais ou menos isso ae, qualquer coisa é só falar.

 

 

absss

[Henrique Barcelos 290]

vlw a ajuda ae Cartucho + eu consegui fazer uma funcao aki que funciona no FF e no IE8 beta 2

 

soh pra não no IE6 nem no IE7 (pra variah)...

 

function mudarEstilo(id_li, id_a){
	
	var listas = document.getElementsByTagName("li");
	
	for (var i=0; i < listas.length; i++) { 
		if(listas[i].className.match("selecionado")){
			listas[i].setAttribute("class", "");
		}
	}
	
	var links = document.getElementsByTagName("a");
	
	for (var i=0; i < links.length; i++) { 
		if(links[i].className.match("selecionado")){
			links[i].setAttribute("class", "");
		}
	}
	
	var li_muda = document.getElementById(id_li);
	li_muda.setAttribute("class", "selecionado");
	var a_muda = document.getElementById(id_a);
	a_muda.setAttribute("class", "selecionado");
}

se souber onde estah o problema por favor avisa ae ^_^

[Carutcho 0]

ao invés de você usar assim

 

listas[i].setAttribute("class", "");

use assim

listas[i].className =  "";

O ie encrenca com essa budega direto, aee sempre uso assim q funfa nos 2

 

absss

[Henrique Barcelos 290]

tive que mudar todos os setAttribute e match

 

ficou assim:

function mudarEstilo(id_li, id_a){ //o codigo está diferente do usual por causa dos bugados IE 6 e 7
	
	var listas = document.getElementsByTagName("li");
	
	for (var i=0; i < listas.length; i++) { 
		if(listas[i].className == "selecionado"){
			listas[i].className = "";
		}
	}
	
	var links = document.getElementsByTagName("a");
	
	for (var i=0; i < links.length; i++) { 
		if(links[i].className == "selecionado"){
			links[i].className = "";
		}
	}
	
	var li_muda = document.getElementById(id_li);
	li_muda.className = "selecionado";
	var a_muda = document.getElementById(id_a);
	a_muda.className = "selecionado";
}

agora funciona...

 

vlw ae kra...

 

fico te devendo essa ^_^

[Carutcho 0]

Q nada rapaz,

 

rssss naum me deve nada, estamos aee pra ajudar , estou certo q você faria o mesmo por mim e por qualquer outro aqui

 

 

Ahh uma obs.:

você falou sobre o match, quando eu vi o seu código eu fui pesquisar sobre essa função e vi q ela trabalha com expressões regulares e tals.

 

Porém se o seu HTML estiver assim por exemplo class="selecionado lista" , esse código atual não funcionaria, porém com o match funcionaria, pq ele encontraria a string "selecionado" dentro do className.

 

Tem q tomar cuidado com isso apenas.

 

absss

[Henrique Barcelos 290]

sim, mas nesse caso não tem problema, pq soh a funcao ali em cima que seta classes nos elementos... e essa classe é "selecionado"...

 

^_^

 

+ vlw ae... caso precise já sei ;)