Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal estou com o seguinte problemas estou conseguindo fazer as chamadas das paginas para dentro da div principal mas preciso que esta página que esta sendo chamada dentro da div principal envie os dados do formulario para uma pagina.php e retorne os dados para a div pricipal....
Abaixo meu index.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
Ajax = new AbrirAjax();
function ExecAjax(pagina){
Ajax.open('get',pagina,true);
Ajax.onreadystatechange = Processar;
Ajax.send(null);
}
function Processar(){
if (Ajax.readyState == 4) {
document.getElementById('direita').innerHTML = Ajax.responseText;
}
}
function ObterDados(pagina){
strpagina = pagina;
html = ("<img src='img/loading.gif' alt='Carregando'/>"
+ "Carregando ...");
document.getElementById('direita').innerHTML = html;
setTimeout("ExecAjax('"+strpagina+"')",1000);
}
</script>
</head>
<body onload="ObterDados('home.html')">
<div id="estrutura">
<div id="esquerda">
<div class="barra">
<h1>Menu</h1>
</div>
<ul>
<li><a onclick="ObterDados('home.html')">Home</a></li>
<li><a onclick="ObterDados('institucional.html')" href="#">Institucional</a></li>
<li><a onclick="ObterDados('metodologia.html')" href="#">Metodologia</a></li>
<li><a onclick="ObterDados('form.php')" href="#">Formulario</a></li>
<li><a onclick="ObterDados('processar.php')" href="#">Processar</a></li>
</ul>
<div class="barra">
<h1>Login</h1>
</div>
</div>
<div id="direita">
<!-- Conteúdo do site -->
</div>
</div>
</body>
</html>
e aqui meu formulário
<form action="Processar.php" method="post" >
<tr><td>Nome</td><td><input name="txtNome" id="txtNome" type="text"></td></tr>
<tr><td>Email</td><td><input name="txtEmail" id="txtEmail" type="text"></td></tr>
<tr><td></td><td><input type="submit" value="Enviar"> <input type="reset" value="Limpar"></td></tr>
</form>
Coisa não muito complicada mais para inicio de estudos.
Carregando comentários...