(Resolvido) Texto oculto

Janeiro 21, 2008

Olá pessoal,

achei na net um código bem legal para ocultar/visualizar textos em javascript, mas o problema é que ele só funciona no IE. Alguém sabe como fazer com que funcione também no FF?

Alguém pode me ajudar nisso? :(

Aqui vai o código:

<script language="JavaScript">
<!--
var head="display:''"
function doit(header){
var head=header.style
if (head.display=="none")
head.display=""
else
head.display="none"
}
//-->
</SCRIPT>
 <div align="left"> 
 <H2 style="cursor: hand; color: blue; margin-top: 0; margin-bottom: 0" onclick=doit(document.all[this.sourceIndex+1]) align="left">Clique para visualizar</H2>
 <SPAN style="DISPLAY: none">
   <ul style="list-style-type: none; display: inline; position: relative; left: -10; width: 750px">
     <li><h2>Clique novamente para ocultar</h2>
     </li>
   </ul>
 </SPAN>
 </div>

Editado Janeiro 21, 2008 por fercosmig
Utilize as tags de código, facilitam a visualização.

fercosmig · Janeiro 21, 2008

testado e funcionando nos 2 navegadores, da uma olhada ae, só adaptar...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript">
<!--
function doit(pId){
    div = document.getElementById(pId);
    if(div.style.display == 'none'){
        div.style.display = 'inline';
    }else{
        div.style.display = 'none';
    }
}
//-->
</SCRIPT>
</head>
<body>
<div onclick="doit('texto');" onMouseOver="this.style.cursor='pointer';">
<H2 style="color: blue; margin-top: 0; margin-bottom: 0" align="left">Clique para visualizar</H2>
</div>

<div id="texto" align="left" style="display:inline; ">
   <ul style="list-style-type: none; position: relative; left: -10; width: 750px">
     <li><h2>Clique novamente para ocultar</h2>
     </li>
   </ul>
</div>
</body>
</html>

Janeiro 22, 2008

Maravilha Fernando!

Só tem um pequeno problema. No meu projeto aparece uma lista de nomes, com descrições para cada um deles, que eu quero ocultar por uma questão de espaço e layout. Por isso é importante que as descrições iniciem recolhidas para que os usuários possam clicar e visualizar somente o assunto escolhido, e tornar a recolher se assim desejar.

Tentei usar o código:

<span style="display: none;">

como no exemplo anterior para tentar resolver o problema, mas não deu certo.

Pode me ajudar nisso também?

KaKarotto · Janeiro 22, 2008

Bom, não faz muito tempo que tentei ajudar um cara com o mesmo problema.

http://scriptbrasil.com.br/forum/index.php?showtopic=113308

Agora, não sei se funcionou pra ele, já que não obtive resposta...

Dá uma olhada...

Janeiro 22, 2008

Cara, era isso mesmo! :P

vocês são d+!!!

agora meu trabalho tá completo... valeu mesmo Kakarotto!

gde abc!

Entrar

(Resolvido) Texto oculto

Pergunta

Guest Silva Melo

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

fercosmig

Link para o comentário

Compartilhar em outros sites

Guest Silva Melo

Link para o comentário

Compartilhar em outros sites

KaKarotto

Link para o comentário

Compartilhar em outros sites

Guest Visitante

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades