Ir ao conteúdo

Hide e Show


Bencz

Posts recomendados

Postado

Olá a todos, eu estou com esse grave problema, que o meu código nao está funcionando, o botão hide não quer funcionar de jeito algum, algum pode me ajudar ?

segue o código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>showHide</title>


<style type="text/css">
#box {
border: 3px double #ff0000;
padding: 10px;
width: 90%;
background-color: #aea4ff;
}
#box h1 {
margin-bottom: 10px;
}

</style>
<script type="javascript">
<!--
function showHide(id){
var obj = document.getElementByld(id);
if(obj.style.display == ""){
obj.style.display = "none";
} else {
obj.style.display = '';
}
}
//-->
</script></head><body>
<h2>showHide</h2>
<noscript>
<p><a href="#" title="ative o javascript do seu browser">Saiba como ativálo.</a></p>
</noscript>
<p>
<a href="#" onclick="showHide('box'); return false;">Ocultar / Exibir o Box.</a>
</p>
<div id="box">
<h1> Criação </h1>
<p>Teste
</p>
</div>
</body></html>

Obrigado :)

Postado

Amigo, seu código tem 2 erros...

Primeiro

ERRADO


...
<script type="javascript">
...

CERTO


...
<script type="text/javascript">
...

Segundo

ERRADO


...
var obj = document.getElementBy[COLOR=Red]l[/COLOR]d(id);
...

CORRETO


...
var obj = document.getElementById(id);
...

Abraços

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!