este es el ajax
Código HTML:
function menu(fuenteDatos, divID) { var XMLHttpRequestObject = false; if (window.XMLHttpRequest) { XMLHttpRequestObject = new XMLHttpRequest(); } else if (window.ActiveXObject) { XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP"); } if(XMLHttpRequestObject) { var obj = document.getElementById(divID); obj = document.getElementById(divID); obj.innerHTML = '<br><br><br><p style="text-align:center;"><img src="img/gif/gl-loading.gif" /></p>'; XMLHttpRequestObject.open("GET", fuenteDatos); XMLHttpRequestObject.onreadystatechange = function() { if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { obj.innerHTML = XMLHttpRequestObject.responseText; } } XMLHttpRequestObject.send(null); } }
Este es el formulario
Código HTML:
<div id="caja_fadomatic" class="enviar_contacto"> <form name="form" onsubmit="menu('php/frm_enviar.php','caja_fadomatic');" method="GET" enctype="application/x-www-form-urlencoded"> <spam class="titulo"><b>FORMULARIO DE CONTACTO</b></spam> <br> <br> <label> Nombre <br> <input name="nombre" type="text" class="caja_input" id="nombre" size="37"> <img id="nombre" src="img/gif/gl-error.png" title="Campo Nombre Debe ser ingreso." alt="Campo Nombre Debe ser ingreso." width="12" height="12" align="absmiddle" style="visibility:hidden"/> </label> <label> Correo Electronico <br> <input name="emilio" type="text" class="caja_input" id="emilio" size="37"> <img id="emilio" src="img/gif/gl-error.png" title="Campo Email Debe ser valido" alt="Campo Email Debe ser valido" width="12" height="12" align="absmiddle" style="visibility:hidden"/> </label> <label> </label> <label> <input name="copia" type="checkbox" id="copia" value="S" checked> Enviarme Copia del Correo</label> <label><br> <textarea name="obs" cols="34" rows="4" wrap="VIRTUAL" class="caja_input" id="email"></textarea> <img id="obs" src="img/gif/gl-error.png" title="Campo Comentario debe ser ingresdo" alt="Campo Comentario debe ser ingresdo" width="12" height="12" align="absmiddle" style="visibility:hidden"/> </label> <label><br> <input name="newslleter" type="checkbox" id="newslleter" value="S" checked> Deseo Recibir Newslleter del DT </label> <div align="right"> <label> <br> <br> <input class="boton" name="enviar" type="submit" id="guardar" value="Enviar Comentario"> </label> </div> </form> </div>
Código PHP:
<?
$gd_nombre = $_GET['nombre'];
$gd_emilio = $_GET['emilio'];
$gd_comentario = $_GET['obs'];
$gd_copia = $_GET['copia'];
$gd_newslleter = $_GET['newslleter'];
?>
<form name="form" action="javascript:menu('php/frm_enviar.php','caja_fadomatic');" method="GET" enctype="application/x-www-form-urlencoded">
<spam class="titulo">FORMULARIO DE CONTACTO</spam> <br>
<br>
<label> Nombre <br>
<input name="nombre" type="text" class="caja_input" id="nombre" size="37" value="<? echo $gd_nombre;?>">
<? if ($gd_nombre==""){?><img id="nombre" src="img/gif/gl-error.png" title="Campo Nombre Debe ser ingreso." alt="Campo Nombre Debe ser ingreso." width="12" height="12" align="absmiddle"><? }?>
</label>
<label> Correo Electronico <br>
<? if ($gd_emilio==""){?><input name="emilio" type="text" class="caja_input" id="emilio" size="37" value="<? echo $gd_emilio;?>">
<img id="emilio" src="img/gif/gl-error.png" title="Campo Email Debe ser valido" alt="Campo Email Debe ser valido" width="12" height="12" align="absmiddle"> <? }?>
</label>
<label> </label>
<label>
<input name="copia" type="checkbox" id="copia" value="S" checked>
Enviarme Copia del Correo</label>
<label><br>
<? if ($gd_comentario==""){?><textarea name="obs" cols="34" rows="4" wrap="VIRTUAL" class="caja_input" id="email"></textarea>
<img id="obs" src="img/gif/gl-error.png" title="Campo Comentario debe ser ingresdo" alt="Campo Comentario debe ser ingresdo" width="12" height="12" align="absmiddle" > <? }?>
</label>
<label><br>
<input name="newslleter" type="checkbox" id="newslleter" value="S" checked>
Deseo Recibir Newslleter del DT </label>
<div align="right">
<label> <br>
<br>
<input class="boton" name="enviar" type="submit" id="guardar" value="Enviar Comentario">
</label>
</div>
</form>