5 replies to this topic

[AMON-HÁ]

olá pessoal,
eu fiz um script aqui que faz o seguinte...

<span id="post">MENSAGEM 1 AQUI</span>
<span id="post">MENSAGEM 2 AQUI</span>

<a href="java script://;" OnClick="document.getElementById('post').style.fontSize='12px';">A+</a>

ou seja, quando clicar em A+ o tamanho da fonte que tah dento do span aumenta para 12 px
só que o problema é que só aumenta o texto da primeira mensagem...

e ae.. como eu faço pra aumentar o tamanho da fonte em todos???

[Andreia Regina]

Vc não deve ter mais de um objetos na mesma tela com o mesmo id.

[AMON-HÁ]

Vc não deve ter mais de um objetos na mesma tela com o mesmo id.

tah...
mas só que essas mensagens de exemplo ae que eu mostrei fica dentro de um LOOP...
ae eu precisava que quando o usuário clicasse para aumentar o texto, só aumentasse os que tivessem dentro do SPAN...
não tem como eu fazer isso não???

[bimonti]

Tem jeito sim !!

<script>
function muda()
{
	var main = document.getElementById('div');
	var elementos = main.getElementsByTagName('span');
		for(var x = 0; x < elementos.length; x++)
		{
		  elementos[x].style.fontSize = '12px';
		}
}
</script>
<a href="#" onclick="muda();">Clica Aqui Bro!!</a>
<div id="div">
  <span>ABC</span>
  <span>DEF</span>
</div>

É por aí, nem testei, digitei direto aqui mas acho que funfa.

Edição feita por: bimonti, 07/12/2006, 13:12.

[Luizão]

Você pode tentar também deixar os spans com nomes diferentes, mas com ID´s iguais....

Ex:
<span name="span1" id="post">MENSAGEM 1 AQUI</span>
<span name="span2" id="post">MENSAGEM 2 AQUI</span>

[Klaus]

Galera... seta um class no body do tipo "maior" e só no CSS você deixa tudo maior...