Ir para conteúdo

Arquivado

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

zeljunior

Carregar DIV - PHP

Recommended Posts

Pessoal boa tarde.

 

Alguém pode dar uma dica?

 

Como eu faço para através do Botão "Atendimento" chamar a div abaixo:

</li>
<li>
<a  href=" "><i class="fa fa-sitemap fa-fw"></i> Atendimento</a>
</li>




<div id="page-wrapper">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header"> </h1>
                   
                   <iframe src="../../index.php" frameborder="0" style="min-height: 500px; width:100%; border: 0;"></iframe>
                   
                </div>
            </div>
</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi,

Segue exemplo:

https://jsfiddle.net/taditdash/Lc2z7/

 

Edit:

 

Recomendo leitura:

http://api.jquery.com/toggle/

 

Hide:

http://api.jquery.com/hide/

 

Show:

http://api.jquery.com/show/

 

Tem um site bacana tmb pra Jquery:

http://try.jquery.com/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma função em Javascript para abrir a div:

<script type="text/javascript">
function abreDiv() {
document.getElementById("page-wrapper").style.display="block";
}
</script>
Agora chama a função com o evento onclick:

<a href="" onclick="abreDiv();">Atendimento</a>
E a div com display none:

<div id="page-wapper" style="display: none">
...
</div>
falow!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Agradeço, mais não funcionou!

 

Só preciso que ao clicar no nome "Atendimento" ele carregue a div "teste".

 

EXEMPLO:

<a  href=""><i class="fa fa-phone fa-fw"></i> Atendimento</a>


<div id="teste">

Compartilhar este post


Link para o post
Compartilhar em outros sites

A resposta do colega acima está 'certa'.

só o ID que estava diferente.

 

de qualquer forma segue o código:

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>	
	<script type="text/javascript">
		function abreDiv() {
			document.getElementById("page-wrapper").style.display="block";
		}
	</script>
	
	
	<div id="page-wrapper" style="display: none;">
		dsadsadsadsa
	</div>
	<a href="#" onclick="abreDiv();">Atendimento</a>
	
</body>
</html>

Dos links q eu passei você nem o trabalho se deu de abrir correto?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Negativo Gabriel, abrir todos os links sim, mais como eu sou muito novo em programação, algumas coisas não conseguir entender!

 

Mais agradeço e vou testar a solução.

 

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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