- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- effetto caricamento durante invio di una mail
-
effetto caricamento durante invio di una mail
Ciao, vorrei creare un effetto caricamento, tipo "rotellina che gira" quando un utente clicca sul bottone per inviare una mail. Questo è il mio codice:
[HTML]<button class="uk-button" type="button" name="button" id="button">INVIA MESSAGGIO</button>[/HTML][HTML]
<script> $(function() {$("#button").click(function() { var data = {name: $("#name").val(),email: $("#email").val(),message: $("#message").val()}; $.ajax({type: "POST",url: "contact_it.php",data: data,//Inizio visualizzazione errorisuccess: function(msg){$("#result").html(msg); // messaggio di avvenuto invio },error: function(){alert("Si è verificato un errore, si prega di riprovare!"); // messaggio di errore}});
return false;});});</script>[/HTML] Grazie!
-
Ciao eleumas,
Puoi affiancare un <div> nascosto con un loader al bottone e mostrarlo quando effettui il click, nasconderlo al success della chiamata AJAX.
-
Ciao. In effetti ho trovato uno script che mi permette di applicare il tuo ragionamento. Grazie.