Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/05/2012, 03:52
quico5
 
Fecha de Ingreso: enero-2008
Mensajes: 581
Antigüedad: 16 años, 11 meses
Puntos: 9
JQUERY -> cambiar contenido de un DIV usando INPUT SUBMIT del FORM

Hola, tengo este formulario de email que estoy adaptando para android/iphone

lo que me gustaría...
al darle enviar y mientras no reciba la respuesta de PHP, en el <div id="result"> ponga ENVIANDO...

supongo que tendria que editar, pero no se como se hace, gracias
Cita:
$('#loading').show();
$('#result').hide();
gracias

Cita:
<center><div id="loading"></div><div id="result"></div></center>
Cita:
<form method="post" action="envio.php" id="form">
<div>

<select name="destinatario" style="width:100%;">
<option value="">Destinatario:</option>
<option value="vigo">Anhida Vigo</option>
<option value="ferrolterra">Anhida FerrolTerra</option>
<option value="coruna">Anhida Coru&ntilde;a</option>
<option value="quico">Webmaster</option>
</select>

<input type="text" name="nombre" value="Nombre" placeholder="Nombre:">
<input type="text" name="remitente" value="Email" placeholder="Email:">
<input type="text" name="asunto" value="Asunto" placeholder="Asunto:">
<div><textarea name="msj" placeholder="Mensaje:">Texto</textarea></div>
<input type="submit" id="enviar" value="Enviar">
</div>
</form>
Cita:
<script language="javascript" src="jquery-1.3.min.js"></script>
<script language="javascript">
$(document).ready(function() {
$().ajaxStart(function() {
$('#loading').show();
$('#result').hide();
}).ajaxStop(function() {
$('#loading').hide();
$('#result').fadeIn('slow');
});
$('#form').submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {
$('#result').html(data);

}
})

return false;
});
})
</script>