Jump to content


Photo

Link Para Repetir Div...


  • Faça o login para participar
2 replies to this topic

#1 carlosware

carlosware

    12 Horas

  • Usuários
  • 263 posts
  • Sexo:Não informado

Posted 23/10/2008, 09:57

Antes de mais nada, eu sou novato de Javascript, por isso estou aqui pedindo ajuda de vocês...

Eu fiz um simples script em js, que torna uma div visível quando se clica em um determinado link, assim:

java script:

<script type="text/javascript">
function numero(){
document.getElementById("banner").style.visibility='visible';
}
</script>

CSS:
<style type="text/css">
#banner{width:300px; height:auto; background:red visibility:hidden }
</style>

e Html:

<body>
<a href="#" onclick="numero();">clique</a>

<div id="banner">
<p>Olá Mundo!</p>
</div>

</body>
</html>

Funciona perfeitamente. Mas eu queria que cada vez que o usuário clicasse no link exibisse a div novamente, se repetindo várias vezes enquanto ele clicar no link...

Alguém pode me ajudar? :huh:
Quinta Categoria - Visite meu blog! http://www.quintacategoria.com.br

www.CarlosHenriqueWD.net - Serviços de webdesign para blogs e sites. Construção de temas personalizados para Wordpress. Além de sites dinâmicos e básicos.
Fórum WMO - Equipe de Diversos - Moderador

#2 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 23/10/2008, 18:58

Primeira coisa: procure usar display ao invés de visible, pois com display o elemento realmente some da página. Com visible, ele é oculto mas fisicamente, ainda está lá (se não me engano acontece isso, faz tempo que não mexo).

Esse código de mostrar/ocultar tem bastante subsídio no fórum.

Basicamente o que você precisa fazer é checar o status atual da div. Se o status for block, então você vai ocultar (none). E assim vice-versa.

Ex:

if (document.getElementById('sua_div').style.display == "none") {

 document.getElementById('sua_div').style.display = block;

} else {

 document.getElementById('sua_div').style.display = none;

}

Sacou? (y)
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#3 carlosware

carlosware

    12 Horas

  • Usuários
  • 263 posts
  • Sexo:Não informado

Posted 23/10/2008, 19:32

Ok, obrigado, mas como faço para que quando toda vez que o usuário clicar no link abrir a div ... por exemplo:

1º clique, exibe:

"olá"

2º clique, exibe:

"olá"
"olá"

3º exibe...

"olá"
"olá"
"olá"...

ou seja, cada vez que se clica no link é adicionado mais uma div igual a anterior... deu pra sacar?
Quinta Categoria - Visite meu blog! http://www.quintacategoria.com.br

www.CarlosHenriqueWD.net - Serviços de webdesign para blogs e sites. Construção de temas personalizados para Wordpress. Além de sites dinâmicos e básicos.
Fórum WMO - Equipe de Diversos - Moderador




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq