F�rum [D�VIDA] Carregar conte�do dentro de uma DIV na mesma p�gina #597871

16/10/2018

Fala galera, preciso de uma ajuda!!!

Tenho um menu da seguinte forma:

<nav class="menu" tabindex="0">
<div class="menu-colapsado"></div>
<header class="foto">
<img src="#" />
<h2>Teste</h2>
</header>

<ul>
<li tabindex="0" class="icone1"><span>Menu1</span></li>
<li tabindex="0" class="icone2"><span>Menu2</span></li>
</ul>
</nav>

<main>
<div class="helper">
Testando
</div>
</main>

Gostaria de saber de qual forma seria poss�vel ao clicar por exemplo no Menu1 e carregar dentro da div com a class "helper" o conte�do contido no menu1? sem carregar uma nova p�gina e sim carregar dentro da div class helper

Fernando Munhoz

Curtir t�pico

+ 0

Responder

Post mais votado

17/10/2018

Amigo, muito obrigado pela resposta. Entendi seu ponto de vista e j� me abriu uma op��o, por�m o menu1, vamos supor que seja uma p�gina de cadastros, certo ? Ent�o eu teria um arquivo cadastro.html e ao clicar no menu1 ele deve carregar todo o conteudo dessa p�gina dentro doa div helper, � poss�vel utilizando o textContent?

Ah ta, n�o tinha entendido teu problema. Tu pode fazer da seguinte forma:

<div class="helper">
<?php
if(isset($_GET['pasta']) && isset($_GET['pagina']) && file_exists()){
inclue('modulos/'.$_GET['pasta'].'/'.$_GET['pagina'].'.html')
}else{
include('home/home.html')
}
?>
</div>

E no seu menu, coloque:

<li tabindex="0" class="icone1"><a href="?pasta=cadastro&pagina=cadastro.html"><span>Menu1</span></a></li>

E toda a vez que tu clicar no link, ele vai buscar a partir da tua index o caminho "modulos/cadastro/cadastro.html" e incluir dentro da tua div, se ele n encontrar, ele inclui a pagina home padr�o. Isso em PHP, que eu considero mais facil que javascript pra esse tipo de coisa.

Em javascript, procure por uma fun��o FileReader e lance no innerHTML da div como eu te falei no exemplo anterior.

Desculpe qualquer coisa. :D

no file_exists faltou o parametro:

<?php
if(isset($_GET['pasta']) && isset($_GET['pagina']) && file_exists('modulos/'.$_GET['pasta'].'/'.$_GET['pagina'].'.html')){
inclue('modulos/'.$_GET['pasta'].'/'.$_GET['pagina'].'.html')
}else{
include('modulos/home/home.html')
}
?>

Alex William

Responder

Gostei + 1

Mais Posts

16/10/2018

Alex William

Estancie uma id para a div helper e para o span do menu1 e depois mande que o html dessa div receba o textContent do menu:

<nav class="menu" tabindex="0">
<div class="menu-colapsado"></div>
<header class="foto">
<img src="#" />
<h2>Teste</h2>
</header>

<ul>
<li tabindex="0" class="icone1" onclick="executaHelper();"><span id="menu1">Menu1</span></li>
<li tabindex="0" class="icone2"><span>Menu2</span></li>
</ul>
</nav>

<main>
<div class="helper" id="helper">
Testando
</div>
</main>

<script>
	function executaHelper(){
    	document.getElementById('helper').innerHTML = document.getElementById('menu1').textContent;
    }
</script>

Responder

Gostei + 0

16/10/2018

Fernando Munhoz

Responder

Gostei + 0

17/10/2018

Alex William

Ah ta, n�o tinha entendido teu problema. Tu pode fazer da seguinte forma:

<div class="helper">
<?php
if(isset($_GET['pasta']) && isset($_GET['pagina']) && file_exists()){
inclue('modulos/'.$_GET['pasta'].'/'.$_GET['pagina'].'.html')
}else{
include('home/home.html')
}
?>
</div>

E no seu menu, coloque:

<li tabindex="0" class="icone1"><a href="?pasta=cadastro&pagina=cadastro.html"><span>Menu1</span></a></li>

Responder

Gostei + 0

17/10/2018

Fernando Munhoz

Obrigado pela ajuda, vou testar!

Responder

Gostei + 0