Tenho uma pagina inicial com duas divs, uma com menu e outra principal.
Ao opção do menu carrega uma pagina diferente dentro da div principal, através deste código, que está funcionando perfeitamente:
<script src="jquery-1.9.0.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
try {xmlhttp = new XMLHttpRequest();} catch(ee) {
try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");} catch(e) {
try{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");} catch(E)
{xmlhttp = false;}
}
}
function carrega(_idContainer, _endereco){
var tag_container = document.getElementById(_idContainer);
tag_container.innerHTML = '';
xmlhttp.open('GET',_endereco,true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4){
retorno = xmlhttp.responseText;
tag_container.innerHTML = retorno;
}
}
xmlhttp.send(null)
}
/////////////////////////////////////////
<div id='cssmenu'>
<ul>
<li class='active'><a href="javascript:carrega('right','relatorios.php')"><span>Relatorios</span></a></li>
<li class='has-sub'><a href="javascript:carrega('right','cadastros.php')"><span>Cadastros</span></a>
<ul>
<li class='last'><a href="javascript:carrega('right','usuarios.php')"><span>Usuarios</span></a>
</li>
<li class='last'><a href="javascript:carrega('right','unidades.php')"><span>Unidades</span></a>
</li>
<li class='last'><a href="javascript:carrega('right','docentes.php')"><span>Docentes</span></a>
</li>
<li class='last'><a href="javascript:carrega('right','aulas.php')"><span>Aulas</span></a>
</li>
<li class='last'><a href="javascript:carrega('right','matriculas.php')"><span>Matriculas</span></a>
</li>
<li class='last'><a href="javascript:carrega('right','alunos.php')"><span>Alunos</span></a>
</li>
<li class='last'><a href="javascript:carrega('right','turmas.php')"><span>Turmas</span></a>
</li>
</ul>
</li>
<li><a href='#'><span>Sobre</span></a></li>
<li class='last'><a href='#'><span>Suporte</span></a></li>
</ul>
</div>
Em uma dessas paginas carrego um combobox com um submit para busca no banco de dados via metodo post, porem ele não atualiza o conteudo somente dela mesmo, ela recarrega o index todo.
Tentando explicar de outra forma... por exemplo quando clico no link Usuarios, ele carrega na div 'right' a pagina usuarios.php que contém um campo de consulta no banco de dados com o código abaixo, porém ao invés de retornar o resulta dentro da proria div, ele recarrega a pagina principal toda e perde os parametros. Alguém tem idéia de que função devo utilizar para só atualizar aquela div com o resultado da consulta?
<?php
include "config.php";
echo "
<form method = 'post'>
<h3>Consultao</h3><hr>
Usuario: <input type='text' name='busca'>
<input type = 'submit' value = 'Consultar'>
</form>
";
if(isset($_POST['busca'])) {
$consulta = $_POST['busca'];
$seleciona=mysql_query("select * from usuarios ");
$validador=0;
while($vetoriza = mysql_fetch_array($seleciona))
{
$teste = $vetoriza['nomeUsuario'];
if($teste == $consulta) {
$validador = 1;
$senhabd = $vetoriza['senhaUsuario'];
$nivelbd = $vetoriza['nivelUsuario'];
$usuariobd = $vetoriza['nomeUsuario'];
$idbd = $vetoriza['idUsuario'];
}
}
if($validador == 0)
{
echo "Sem resultados para a busca!";
} else
{
echo "
<form method = 'post' action = 'update.php'>
<h3>Cadastro</h3><hr>
Usuario: <input type='text' name='usuario' value='$usuariobd'>
<br>
Senha: <input type ='text' name = 'senha' value='$senhabd'>
<br>
Nível: <input type ='text' name = 'nivel' value='$nivelbd'>
<br><input type ='hidden' name = 'id' value='$idbd'>
<input type = 'submit' value = 'Update'>
</form>
";
}
}
?>
