Bueno, perdon por la demora, recien retomo con la programacion de mi pagina web. Muchas graicas por responder.
La verdad estuve viendo como usar jquery y me funciona por ejemplo puede lograr este codigo
(document).ready(function(){
$.ajax({url:"inicio.php",success:function(result){
$("#cuadroDeContenido").html(result);
}}); // fin ajax inicio
$("#inicio").click(function(){
$.ajax({url:"inicio.php",success:function(result){
$("#cuadroDeContenido").html(result);
}});
}); //fin click inicio
$("#contacto").click(function(){
$.ajax({url:"contacto.php",success:function(result ){
$("#cuadroDeContenido").html(result);
}});
}); //fin click contacto
$().ajaxStart(function() {
$('#loading').show();
$('#cuadroDeContenido').hide();
}); // fin ajaxStart
$().ajaxStop(function() {
$('#loading').hide();
$('#cuadroDeContenido').fadeIn('slow');
}); //fin ajaxStop
Esto funciona perfectamente pero cuanod agrego el submit de mi formulario no anda mi codigo jquery para mi form es el siguiente
$('#myform').submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {
$('#result').html(data);
}
});
return false;
}); // fin submit
este es el pedacito de html que interactua con el submit
<a href="#" id="contacto">Contacto</a>
<div id="loading"></div>
<div id="cuadroDeContenido">
<div id="result"></div>
</div>
Este codigo lo tome de un ejemplo navegando por la web, el ejemplo lo probe y funciona perfectamente.
Puede ser que tenga algo que ver que mi formulario lo armo mediante una llama a un php, yo tengo un conctacto.php que hace lo siguiente:
?php
echo "
<form method='post' action='envio.php' id='myform' name='myform' >
//esta linea seria las mas importante el resto solo arma un formulario
<fieldset id='form'>
<legend> Enviar un Mail: </legend>
Nombre :<input type='text' name='nombre' size='40' value='Su Nombre' /><br>
Apllido:<input type='text' name='apellido' size='40' value='Su Apellido' /><br>
E-mail :<input type='text' name='email' size='40' value='Su email' /><br>
Mensaje:<br><textarea rows='10' cols='37' name='mensaje'>Escriba su mensaje. Le responderemos a la brevedad.</textarea> <br>
<input type='submit' name='mysubmit' value='Enviar' />
<input type='reset' value='Limpiar' />
</fieldset>
</form>";
?>
basicamente me dibuja el formulario.
Luego el evento submit tendria que captarlo mi javascript pero no lo hace, me redirecciona a otra pagina donde solo dice gracias por su comentario. A diferencia del ejemplo que yo tengo el formulario es estatico en el html.
Aqui dejo mi "envio.php" que se ejecuta cuando presion enviar en el formulario
<?php
$mensaje="";
$mensaje.="Contact from:". "\n\n";
$mensaje.="Name: ".$_POST['nombre']."\n";
$mensaje.="E-mail: ".$_POST['email']."\n";
$mensaje.="Comments: ".$_POST['mensaje']."\n";
$email_destino="
[email protected]";
$subject= "Pagina Web: " . $_POST["nombre"] . "; " . $_POST["apellido"] . "; " . $_POST["email"];
if (mail($email_destiny,$subject,$mensaje,"From: Contact<".$_POST['email'].">")) {
echo '<p align="center"><b>Gracias por el comentario</b></p>';
} else {
echo '<p align="center">Ocurrio un error vuelva a intenrarlo</p>';
}
Espero me puedan ayudar. Desde ya muchas gracias. Saludos