Publicado em 10 de mar.

[Resolvido] Problema com getElementById

Salve moçada..

to tendo um probleminha com a função getElementById.

seguinte, fiz um site, no qual o conteúdo é mostrado através de div's através do getElement, ta funcionando tudo certinho, porém tem uma div que contém um slide de fotos que da problema na exibição.

se deixar essa div setada para aparecer inline, vai sem problema, mas como ela tem que ficar oculta e só aparecer com o click da problema.

creio que o problema pode ser no css, pois quando retiro a div do slide funciona normal, bom acho que mostrando é mais fácil de entender

aqui ela está setada para aparecer inline, aparentemente sem problemas

http://www.tricofash...com.br/projeto/

porém, quando altera para aparecer só na hora que clicar no menu ela não vai

http://www.tricofash...ojeto/teste.htm (clique em vitrine)

alguém sabe o que pode estar ocorrendo?

obrigado!

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Thiago Retondar· 10 de mar.

Está um pouco contraditório seu JavaScript, não? Você define na função trico() assim:

function trico(camada){
 document.getElementById("inicial").style.display = "none";
 document.getElementById("vitrine").style.display = "none";
 document.getElementById("local").style.display = "none";
 document.getElementById("lojas").style.display = "none";
 document.getElementById("cadastro").style.display = "none";
 document.getElementById("contato").style.display = "none";
 document.getElementById(camada).style.display = 'inline';
}Repare que você definiu que, ao chamar a função, a **div#inicial** fica com *display:none*. Mas quando você invoca essa função, você coloca com *inline* [http://forum.imasters.com.br/public/style_emoticons/](http://forum.imasters.com.br/public/style_emoticons/)default/seta.gif **<a href="javascript:trico('inicial');">Inicial</a>**

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

Edu_Gaijutis· 10 de mar.

Não entendi muito bem..

esse java eu peguei se um site antigo meu, e nem tinha sido eu q tinha feito rsrs

então, na função ele deixa todas camadas como none, e setado para aparecer só a camada q tiver como inline...

o problema ta ai....

a camada que eu deixo inline aparece normalmente, inclusive a que está apresentando problemas, mas basta eu definir outra camada para inline, que a camada vitrine não aparece.

ai que está o problema.

não sei se o bug ta dando no jscript (já que ele funciona normalmente se eu excluo a camada do slide) ou o problema é um conflito no css

William Bruno· 10 de mar.

suspeito que o seu problema não está nem no Javascript, e nem no CSS ^_^ (ou se é problema de JS, é por causa da galeria)

coloque um texto:

<div class="conteudo" id="vitrine" style="display:none" >
 <p>Texto dentro da DIV de id="vitrine"</p>
<div id="target_2" class="imageflow">
<img src="img/img_tmp/cadastre.jpg" longdesc="img/img_tmp/cadastre.jpg" width="178" height="505" alt="REF 01" />
<img src="img/img_tmp/capa.jpg" longdesc="img/img_tmp/capa.jpg" width="695" height="489" alt="REF 02"/>
<img src="img/img_tmp/local.jpg" longdesc="img/img_tmp/local.jpg" width="176" height="508" alt="REF 03" />
<img src="img/img_tmp/local2.jpg" longdesc="img/img_tmp/local2.jpg" width="144" height="211" alt="REF 04"/>
</div>

</div>e veja se esse texto aparece.Pois notei que no meu Firefox, apareceu corretamente as 4 imagens, enqnto que no meu Chrome não.

Teu site não é nem acessível pelo IE6.

Edu_Gaijutis· 11 de mar.

Tentei de tudo mesmo, e não deu certo

ao que parece é algum conflito mesmo por culpa da galeria

separei por páginas mesmo, e funfou

valeu a força, pode fechar o tópico

abs