Ir para conteúdo

POWERED BY:

Arquivado

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

Fred CAP

Mostrar Ocultar - com problema

Por , em Javascript

Recommended Posts

Fred CAP    0

Fred CAP
Postado

Amigos estou com um problema !

 

Estou montando uma pagina em php com um gande texto e estou dividindo em titulos com o texto oculto quando a pessoa click no titulo o texto abre a baixo e se click no texto ele oculto novamente especialmente para a tela não ficar poluida para que o usuario leia somente o que lhe interresa. Até consegui fazer o codigo mas toda vez que click o titulo ele abre o texto mas tbm abre outra pagina inicial do texto

 

o codigo a baixo!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
<title>O Colégio</title>
<script type="text/javascript">
function exibe(id) {if(document.getElementById(id).style.display=="none") {document.getElementById(id).style.display = "inline";}else {document.getElementById(id).style.display = "none";}}
</script>
</head>
<body>
<div align="left"><a href="#" onclick="javascript: exibe('titulo05');">titulo
    0005</a><br />
</div>
<div id="titulo05" style="display: none;">
<p>texto do titolo 0005</p>
</div>
</head>
<div align="left"><a href="#" onclick="javascript: exibe('titulo06');">titulo
    0006</a><br />
</div>
<div id="titulo06" style="display: none;">
<p>texto do titolo 0006</p>
</div>
</head>
<div align="left"><a href="#" onclick="javascript: exibe('titulo07');">titulo
    0007</a><br />
</div>
<div id="titulo07" style="display: none;">
<p>texto do titolo 0007</p>
</div>
</head>
<div align="left"><a href="#" onclick="javascript: exibe('titulo08');">titulo
    0008</a><br />
</div>
<div id="titulo08" style="display: none;">
<p>texto do titolo 0008</p>
</div>
</head>

Compartilhar este post

Link para o post
Compartilhar em outros sites

faael    0

faael
Postado

Olá, tudo bom?

 

Se for o que eu entendi, o href do link está definido como #, então ele volta no inicio da página. Se for isso, você poderia substituir o # por javascript:func(), assim:

 

<a href="javascript:func()" onclick="javascript: exibe('titulo05');">titulo0005</a>

Tente isso, beleza?

Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

ambíguo e redundante ^^

<a href="javascript:exibe('titulo05')">Título 0005</a>

 

 

moderação, favor mover para JS

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Tópico Movido:

PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito