Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Andre Cocuroci

Trocar estilo via javascript

Recommended Posts

Seguinte,

 

Estava fazendo uma página interna de um site aonde iria clicando nos links e sem dar reload na página mostraira o conteudo especifico. Então fiz um script básico para essa parte. Porém além disso o link que estivesse sido clicado deveria ficar com um estilo diferente dos outros.

 

Fiz dessa maneira o java script:

function trocaLink(a) {
		document.getElementById("nov").className= "normal";
		document.getElementById("out").className= "normal";
		document.getElementById("set").className= "normal";	
		
		document.getElementById(a).className= "selecionado";
		//alert (a);
	}

O html vem aqui:

<a href="java script: trocaLink('nov');" id="nov">Novembro</a>
<a href="java script: trocaLink('out');" id="out">Outubro</a> 
<a href="java script: trocaLink('set')" id="set">Setembro</a>

Esta funcionando, porém caso eu precise colocar mais um link terei que alterar em várias partes. O que queria é um jeito de pegar todos esses links e verificar o nome dele, se for igual ao parametro que passei aplica o estilo senão não. Só que não tenho idéia de como pegar todos os links desse menu e nem de como trabalhar com isso depois.

 

Pq desse jeito não importa quantos links vai ter e assim vou precisar alterar somente o link novo passando o nome dele caso for clicado para aplicar o estilo.

Alguem pode me ajudar?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode fazer o seguinte pra pegar todos os links da página.

 

function pegarLinks()
			{
				var links = document.getElementsByTagName("A");
				
				for(indice = 0;indice <links.length;indice++)
				{
					/*
					Dai você pode acessar todas as propriedades dos links 
					links[indice].name
					links[indice].className
					*/
				}
			}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Legal Daniel, consegui fazer funcionar, porém tem uma coisa que ainda não consigo fazer.

 

Pelo que entendi o document.getElementsByTagName("A"); vai pegar todos os links do documento, mas e se eu não quiser que peguem todos e sim somente aqueles que estiverem em uma div ou em uma ul com id especifico?

 

Para um site simples não tem problema, mas algo grande que existem vários links vai dar pepino fazer isso.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.