Ir para conteúdo

POWERED BY:

Arquivado

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

duca041

Enviar dados de formulário que esta dentro de uma div

Por , em Javascript

Recommended Posts

duca041    0

duca041
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

duca041    0

duca041
Postado

Aonde Andam os moderadores...

 

Uma Luz rsrsr

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