Foros del Web » Creando para Internet » HTML »

Formulario dentro de pagina

Estas en el tema de Formulario dentro de pagina en el foro de HTML en Foros del Web. Hola a todos Tengo un formulario dentro de una pagina web, y deseo que cuando se le de la instruccion enviar, no cierre la pagina ...
  #1 (permalink)  
Antiguo 07/09/2010, 14:43
Avatar de riven  
Fecha de Ingreso: junio-2005
Mensajes: 15
Antigüedad: 12 años, 6 meses
Puntos: 0
Formulario dentro de pagina

Hola a todos

Tengo un formulario dentro de una pagina web, y deseo que cuando se le de la instruccion enviar, no cierre la pagina inicial sino que dentro del mismo formulario aparezca que ha sido enviado y limie el formulario.

Es posible hacer esto.


Saludos y de antemano muchas gracias.
  #2 (permalink)  
Antiguo 07/09/2010, 15:35
Avatar de danico90  
Fecha de Ingreso: febrero-2009
Ubicación: San José, Costa Rica
Mensajes: 148
Antigüedad: 8 años, 10 meses
Puntos: 13
Respuesta: Formulario dentro de pagina

Tienes que usar AJAX. Es la única forma de que no se refresque la página.
  #3 (permalink)  
Antiguo 07/09/2010, 18:11
 
Fecha de Ingreso: junio-2009
Mensajes: 101
Antigüedad: 8 años, 6 meses
Puntos: 9
Respuesta: Formulario dentro de pagina

te dejo un ejemplo que me sirvio mucho saludos

Código PHP:
<form method="post" action="envio.php" id="fo3" name="fo3" >
      <
fieldset>
        <
legend>Perfil</legend>
        <
ol>
            <
li><label>Nombres:</label><input type="text" size="30" name="fnombres" /></li>
            <
li><label>Apellidos:</label><input type="text" size="30" name="fapellidos" /></li>
            <
li><label>Correo:</label><input type="text" size="30" name="fcorreo" /></li>
        </
ol>
        <
input type="submit"   name="mysubmit" value="Enviar" />
      </
fieldset>
</
div>
</
form>
<
div id="result"></div
Código PHP:
<script language="javascript" src="jquery-1.3.min.js"></script>
<script language="javascript">
$(document).ready(function() {
   // Esta primera parte crea un loader no es necesaria
    $().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
   // Interceptamos el evento submit
    $('#form, #fat, #fo3').submit(function() {
  // Enviamos el formulario usando AJAX
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            // Mostramos un mensaje con la respuesta de PHP
            success: function(data) {
                $('#result').html(data);
            }
        })        
        return false;
    }); 
})  
</script> 

Etiquetas: formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:36.