Qual o nome dessa função?

[Giovani 104]

Estava olhando uns sites ai e achei algo que achei bem interessante.

Se puderem olhem o site desse colégio.

 

Ele tem duas setinhas verdes apontadas para baixo. Quando clico nelas, abrem-se as div´s ou celulas da tabela.

 

Minha dúvida é a seguinte, como se chama esse evento, função???

 

Obrigado desde já!!!

 

[]´s

[Tiago Cardoso 1]

só pra encrementar........

http://www.ansg.net/NetDental/teste/frame1.asp

um ex com frames, ms facilmente substituível por divs!

[Giovani 104]

Muito obrigado pessoal!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Giovani 104]

Bom dia pessoal,

 

Estava testando a função acima com divs, mas tem um problema, na primeira vez (somente na primeira) preciso dar dois cliques para funcionar. Vocês poderiam me ajudar?

 

Segue código:

 

<style type="text/css"><!--*{ margin: 0; padding: 0;}body{	text-align: center;}#geral{	height: 300px;	width: 600px;	padding: 10px;	background-color: #ccc;}#teste{	padding: 20px;	background-color:#00FF66;}#teste a{	text-align: right;}	.nada{ display: none;}--></style><script language="JavaScript">function aparece(id) {	ul = id;	img = "img_" + id;	ulElement = document.getElementById(ul);	imgElement = document.getElementById(img);	if (ulElement){			if (ulElement.style.display=='none'){				ulElement.style.display='block'				imgElement.src = "imagens/arrow_up.gif";			}else{				ulElement.style.display='none'				imgElement.src = "imagens/arrow_down.gif";			}	}			}</script><div id="geral">	<a onClick="aparece('test');">giovani de oliveira<img src="imagens/arrow_down.gif" id="img_test2"></a>	<ul id="test" class="nada">				<div id="teste">		Informamos que, desde o dia 18/09, iniciamos o período de reservas de matrícula para 2007 em todas as sedes, o qual se estenderá até 3 de novembro.<BR>O valor de cada reserva é de R$100,00 (cem reais) para todos os cursos (exceto os do Pré-Vestibular e das Faculdades) e será deduzido da primeira mensalidade.<BR>Ressaltamos que as reservas para a sede de Jurerê só poderão ser efetuadas no local.<BR>Informamos, ainda, que as matrículas para 2007 serão realizadas entre 6 de novembro e 20 de dezembro.<BR><a name="here2"></a><a href="#here2" onClick="aparece('test');">a<img src="imagens/arrow_up.gif"></a></div>	</ul></div>

Obrigado desde já! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Giovani 104]

Opa, problema resolvido então...muito obrigado Thiago!!!!

Se aparecer alguma dúvida volto a postar!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Giovani 104]

Aqui eu novamente.... http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

Ainda estou com o mesmo problema, olha o link....na primeira vez tem que dar dois cliques para funcionar, depois funciona normalmente. Faça um teste, aperte F5 e tente, com um clique, fazer a funcionar. Não tem jeito.

 

Alguém poderia, por favor, me indicar uma solução?

Agradeço!

 

[]'s

[Tiago Cardoso 1]

Acho q é pq ele tá entrando no else primeirove se é isso:if (ulElement.style.display=='none'){p/if (ulElement.style.display!='none'){ok?

[Giovani 104]

Obrigado pela ajuda PKTIAGO, ele até abre no primeiro clique, mas depois não funciona http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

Alguém tem mais sugestões?

[Bermonruf 0]

O site que você passou tá um pouco discreto demais, não aparece mãozinha e nem alerta quando aparece a informação embaixo.

Veja se é este efeito que você está procurando, clique em algum link do menu com [+] ou [-] do lado.

Eu uso assim:

 

function alternaConteudo(id, conteudo1, conteudo2)	{var alvo = document.getElementById(id);	alvo.innerHTML=(alvo.innerHTML==conteudo1 ? conteudo2 : conteudo1);}function showHide(id)	{var alvo = document.getElementById(id);	alvo.style.display = (alvo.style.display=="none" ? "" : "none");}

A primeira é só para alternar entre [+] e [-], ou seja Abre Fecha, se quiser use só o debaixo, que é o que você esta procurando, acho.

E chamo assim:

 

showHide('idDiv'); alternaConteudo('idSpan', '[-]', '[+]');

Se quiser imagem ao invés de [+] e [-] é só chamar com o código da imagem "<img src=...".

 

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

[Giovani 104]

Bernardo , é bem isso que eu quero, mas tem que ser naquele estilo ali, com setinha para descer (abrir) e setinha embaixo para subir (fechar) :blink: Como não entendo muito de JS....fica complicado.Off-topic - muito bom seu blog, o filme Brasil Invadido é muito bom!

[Bermonruf 0]

Sim sim, acabei de criar aqui, outra função:

 

function alternaImagem(id, img1, img2)	{var alvo = document.getElementById(id);	alvo.src = (alvo.src==img1 ? img2 : img1);}function showHide(id)	{var alvo = document.getElementById(id);	alvo.style.display = (alvo.style.display=="none" ? "" : "none");}	function showSetinha ()	{showHide('idDiv'); alternaImagem('idImg', "http://www.energia.com.br/imagens/arrow_down.gif",	 "http://www.energia.com.br/imagens/arrow_up.gif");}

Aí no onclick coloca "showSetinha()".

 

// Vlw! Ainda bem que gostou.

 

Flwss http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif