[Resolvido] Erro no onClick

[MarKteus 1]

<p style="color: #0000FF;">Ouviram do Ipiranga as margens <a href="#" onClick="if(placidas.style.display==none){placidas.style.display=''}else{placidas.style.display:none};">plácidas</a> <span id="placidas" style="color:#339933; display:none">(mansas, calmas, serenas)</span><br>

 

Alguém sabe pq a linha acima está dando um erro, nào consigo faze-la funcionar ?

 

Ela precisa fazer o seguinte se estiver oculto o span deverá mostrar, senão estiver oculta deve ocultar, mas a linha da erro http://forum.imasters.com.br/public/style_emoticons/default/graduated.gif

[quintelab 91]

Poste o erro.

 

Abraços...

[William Bruno 1501]

Vamos la.. 3 erros que vi so ai.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif você esta tentando usar uma funcao Javascript num elemento que ainda nao existe na marcacao.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif você deveria ter usado a funcao getElementById

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Delimite propriedades a serem aplicadas com aspas simples.

 

 

Se precisa que a marcacao HTML carregue inteira, coloque os scripts no head do documento.

Ou so chame a funcao depois do elemento ja existir.

<p style="color: #0000FF;">Ouviram do Ipiranga as margens
<span id="placidas" style="color:#339933; display:none">(mansas, calmas, serenas)</span><br>

<a href="#" onclick="if(document.getElementById('placidas').style.display=='none'){
	document.getElementById('placidas').style.display=''}
	else{document.getElementById('placidas').style.display='none'};">plácidas</a>

[Eliseu M. 2]

Olha, para o código ficar melhor organizado e mais limpo, crie uma função para isso:

 

<script type="text/javascript">
function toggle(obj) {
var el = document.getElementById(obj);
el.style.display = (el.style.display != 'none' ? 'none' : '' );
}
</script>
<p style="color: #0000FF;">Ouviram do Ipiranga as margens
<span id="placidas" style="color:#339933; display:none">(mansas, calmas, serenas)</span><br>

<a href="#" onclick="toggle('placidas');">plácidas</a>

Melhorou, né? Esse código pode ser usados com vários outros elementos quaisquer, apenas adicionando seu ID entre os parentêses.

 

PS.: adicione IDs ou Classes aos elementos P e SPAN. Espero ter ajudado, até mais!

[MarKteus 1]

Vamos la.. 3 erros que vi so ai.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif você esta tentando usar uma funcao Javascript num elemento que ainda nao existe na marcacao.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif você deveria ter usado a funcao getElementById

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Delimite propriedades a serem aplicadas com aspas simples.

 

 

Se precisa que a marcacao HTML carregue inteira, coloque os scripts no head do documento.

Ou so chame a funcao depois do elemento ja existir.

<p style="color: #0000FF;">Ouviram do Ipiranga as margens
<span id="placidas" style="color:#339933; display:none">(mansas, calmas, serenas)</span><br>

<a href="#" onclick="if(document.getElementById('placidas').style.display=='none'){
	document.getElementById('placidas').style.display=''}
	else{document.getElementById('placidas').style.display='none'};">plácidas</a>

 

Valew!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Mas só acrescentando: Somente a adição das aspas simples resolveram o caso!

[MarKteus 1]

Olha, para o código ficar melhor organizado e mais limpo, crie uma função para isso:

 

<script type="text/javascript">
function toggle(obj) {
var el = document.getElementById(obj);
el.style.display = (el.style.display != 'none' ? 'none' : '' );
}
</script>
<p style="color: #0000FF;">Ouviram do Ipiranga as margens
<span id="placidas" style="color:#339933; display:none">(mansas, calmas, serenas)</span><br>

<a href="#" onclick="toggle('placidas');">plácidas</a>

Melhorou, né? Esse código pode ser usados com vários outros elementos quaisquer, apenas adicionando seu ID entre os parentêses.

 

PS.: adicione IDs ou Classes aos elementos P e SPAN. Espero ter ajudado, até mais!

 

Valew !! Amigo http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif