Problemas em ocultar divs

[eduardofelden 0]

Olá Pessoal!

 

Estou com um pequeno problema com a opção de ocultar as divs no projeto que estou fazendo...

É um tipo de agenda, onde que aparece o título da festa, para a pessoa saber quais as outras informações sobre o evento devem clicar num mais que aparece do lado...

Até ai tudo bem... o que não consigo fazer eh que estas informações devem iniciar ocultas e não já disponíveis para visualização.

Se tem mais de uma festa em datas diferentes quando tento ocultar as informações referentes as demais festas acabam ocorrendo erros e estas não sao ocultadas, a única que eu consigo ocultar clicando sobre o sinal do menos é a primeira... já fiz diversas mudanças e não consigo resolver este problema.

 

parte do código java script:

function agendaDinamica(idagenda){	if(d.getElementById(idagenda).style.display == 'none'){		d.getElementById(idagenda).style.display = 'block';		d.getElementById('data'+idagenda).src = "imagens/btns/btn_menos_simbolo.gif";	}else{		d.getElementById('data'+idagenda).src = "imagens/btns/btn_mais_simbolo.gif";		d.getElementById(idagenda).style.display = 'none';	}}

código no HTML

<div id="campos_agenda_home" class="fL">			  <div id="tit_festa" class="fL">				<div class="tm5 txt_tit_festa">Festa 1</div>			  </div>			  <div id="img_mais_festa" class="fL"><a onclick="java script: agendaDinamica(31042006);"><img src="imagens/btns/btn_mais_simbolo.gif" alt="Mais informações sobre a festa" width="20" height="20" vspace="3" align="absmiddle" border="0" style="cursor: hand;" id="data31042006" /></a></div>			</div>			<div id="31042006" style="height: 150px; width: 298px; background-color: #F9F9F9; margin: 0px 0px 2px 2px;" class="fL"><div class="tm5 txt_11px_preto">Teste de visualização</div></div>						<div id="campos_agenda_home" class="fL">			  <div id="tit_festa" class="fL">				<div class="tm5 txt_tit_festa">Festa 1</div>			  </div>			  <div id="img_mais_festa" class="fL"><a onclick="java script: agendaDinamica(01052006);"><img src="imagens/btns/btn_mais_simbolo.gif" alt="Mais informações sobre a festa" width="20" height="20" vspace="3" align="absmiddle" border="0" style="cursor: hand;" id="data01052006" /></a></div>			</div>			<div id="01052006" style="height: 150px; width: 298px; background-color: #F9F9F9; margin: 0px 0px 2px 2px;" class="fL"><div class="tm5 txt_11px_preto">Teste de visualização 2</div></div>		  </div>

Grato pela ajuda de vcs...

[rodrigofb 0]

Olá, amigo, boa tarde...experimenta isso:

 

<script language="javascript">function $() {	var elements = new Array();	for (var i = 0; i < arguments.length; i++) {		var element = arguments[i];		if (typeof element == 'string')			element = document.getElementById(element);		if (arguments.length == 1)			return element;		elements.push(element);	}	return elements;}function mudarDiv( element ) {	var e = $(element);	if (e) {		e.style.display = ((e.style.display != 'block') ? 'block' : 'none');	}}

e no HTML o seguinte:

<span onclick="mudarDiv('nomeDiv')" style="cursor:pointer" class="fonte">Visualizar</span>

ou pode usar o <a href="java script:mudarDiv('nomeDiv')">

 

espero ter ajudado..qualquer coisa....

[eduardofelden 0]

Tentei aqui e não funcionou... diz que style é nulo ou vazio... algo parecido...

Olá, amigo, boa tarde...experimenta isso:

<script language="javascript">function $() {	var elements = new Array();	for (var i = 0; i < arguments.length; i++) {		var element = arguments[i];		if (typeof element == 'string')			element = document.getElementById(element);		if (arguments.length == 1)			return element;		elements.push(element);	}	return elements;}function mudarDiv( element ) {	var e = $(element);	if (e) {		e.style.display = ((e.style.display != 'block') ? 'block' : 'none');	}}

e no HTML o seguinte:

<span onclick="mudarDiv('nomeDiv')" style="cursor:pointer" class="fonte">Visualizar</span>

ou pode usar o <a href="java script:mudarDiv('nomeDiv')">espero ter ajudado..qualquer coisa....

[rodrigofb 0]

manda o codigo inteiro ae pra eu ver, por favor....abraços.

[Alex Hiroshi 7]

Basta trocar o id da segunda div, ele não pode começar com 0. Nenhum id.

[eduardofelden 0]

Basta trocar o id da segunda div, ele não pode começar com 0. Nenhum id.

Vlw LexComo que eu faço para que todos eles fiquem ocultos... quando a página for carrega eu fiz a seguinte função dinamicamente... onde que o PHP monta ela e os seus respectivos ids dos divs.Por exemplo ficaria assim...

d = document;function escondeAgenda(idagenda){	 d.getElementById(idagenda).style.display = "none";	 d.getElementById('data'+idagenda).src = "imagens/btns/btn_mais_simbolo.gif";}function ocultarTodas(){	 escondeAgenda('20060431');	 escondeAgenda('20060501');}

e na tag body coloquei o seguinte

<body onload="ocultarTodas();">

Só que não sei se fiz da maneira correta...Aguardo um retorno seu... para tentar me dar uma luz... pra solucionar este problema... agora

[rodrigofb 0]

Ola...amigo eh o seguinte, você tem pode colocas as div's ocultas da seguinte maneira:

 

<div id="exemplo">conteudo</div>

ae você aplica um estilo a ela:

 

<style type="text/css">#exemplo{display:none;}</style>

isso fara com que a camada fiquei oculta.

[eduardofelden 0]

bem vinda tua sugestão...Mas o que ocorre que no IE funciona perfeitamente mas no firefox... buga... ele oculta... a primeira funciona direito... mas se eu abrir as outras divs... e quando quero ocultar elas, ficam visiveis e nao somem...Mas vlw mesmo pela ajuda...

[rodrigofb 0]

olá...boa noite....bom, realmente, eh estranho...mas, prefiro dizer que o IE buga..rsrsrrrrs...afinal, padrao, ele nao segue...mas, qualquer coisa...coloca ae novamente que a gente te ajuda...tentarei descobrir uma forma de te ajudar....pq o codigo que eu te passei, eu o uso ha tempos....e funciona direitinho...mas, pesquisarei e te avisarei.abraços.