7 replies to this topic

[Bruno Augusto]

Tava adaptando um código de exibir ocultar um DIV para usar imagens (um sinal de mais para quando estiver fechado e um de menos para quando estiver aberto). O "sinais" seriam imagens.

O código ficou assim:

<script language="JavaScript" type="text/javascript">
				<!--
				function showHide (ID)
				{
					if (document.getElementById(ID).style.display == "none")
					{
						document.getElementById(ID).style.display= "block";
						document.getElementById("details").innerHTML= "<img src=\"minus.gif\" alt=\"Detalhes\" />";
					}
					else
					{
						document.getElementById(ID).style.display = "none";
						document.getElementById("details").innerHTML= "<img src=\"plus.gif\" alt=\"Detalhes\" />";
					}
				}
				//-->
				</script>

E o uso assim:

<img src="plus.gif" onclick="showHide(\'content\');" style="cursor: pointer;" alt="Detalhes" id="details" />

Mas assim, no Firefox funciona metade: A DIV abre e fecha, mas a imagem não se altera.

Já no IEca, a DIV abre e fecha, mas além de não alterar a imagem ainda gera um erro.

Como que eu conserto. Só falta isso.

[]'s

[bimonti]

Se você postasse o erro ajudava ...

Eu acho que seria legal ao invés de 'colocar' a imagem com innerHTML a cada ação seria mais interessante só mudar o src da imagem em questão.

[Klaus]

Cara,
eu fiz isso recentemente e optei por colocar a imagem por CSS e, pra mudar entre um estado e outro, só alterei a classe CSS do elemento pai. Exemplo:

http://shopping.uol..../tvs/index.html

O JS:

http://stc.shopping....refinamentos.js

É a função controlaGrupo.

[Bruno Augusto]

Não usei o teu exemplo, mas consegui fazer assim:

<!--
				intImage = 2;

				function showHide()
				{
					switch ( intImage )
					{
						case 1:
						document.getElementById("details").src = "style/images/plus.gif"
						document.getElementById("content").style.display = "none";
						intImage = 2
						return(false);
						
						case 2:
						document.getElementById("details").src = "style/images/minus.gif"
						document.getElementById("content").style.display = "block";
						intImage = 1
						return(false);
					}
				}
				//-->

Foi mais uma cópia de um outro site americano, portanto acabei que não entendi muita coisa. Poderiam me explicar.

[]'s

[bimonti]

Boa solução Klaus, afinal aplicar estilo a parte é mais recomendado, evita ter que ficar procurando pelas páginas onde a função foi aplicada, etc ....

E Jack, o que você não entendeu no script ?? O valor da variável intImage é por padrão 2, então a primeira chamada na função vai pro Case 2 do Switch, que irá trocar o src da imagem pro sinal de '-' e mostrar a div, além de mudar o valor da variável intImage pra 1, ou seja, na próxima chamada na função vai pro Case 1, esconde a div e muda o src da imagem pro sinal de '+' ...

Mas o seu script é só pra 1 elemento, há 1 mês atrás eu fiz uma função usando DOM pra verificar os elementos da página, eram umas 6 ou 7 Divs por página, então a cada chamada da função todas as imagens eram alteradas para '+' e todas as Divs ocultas, depois abria a certa. Com a solução que o Klaus ofereceu acredito que a função ficaria muito melhor. Eu até procurei aqui mas não achei, devo ter apagado porque os elementos da página foram modificados por Flash + XML ...

[Miguceamma]

Lilly Cialis 20 Mg Commander Kamagra Original Priligy Riesgos online pharmacy Bentyl Medicine Mastercard Accepted With Free Shipping Can Priligy Be Taken With Cialis 200 Mg Viagra For Sale
Cialis Et Yohimbine Bagomicina Online cialis Site De Vente De Cialis Finasteride Pas Cher Kamagra Oral Jelly Einnahme

[Miguceamma]

Kamagra Uprima levitra without prescription Viagra O Cialis Cual Es Mejor Viagra Y Prostatitis Effetti Cialis Vista

[Miguceamma]

Kamagra Oral Jelly Packungsbeilage Buy Lasix online pharmacy Prednisone Canada But Lexapro Without A Script
Priligy Home Page Cephalexin And Cramping Warfarin Without Prescription cialis price Levitra 20mg Online
Amoxicillin For Dental Abscess Claritin Voglio Acquistare Cialis viagra online pharmacy Cialis 2.5 Canada