+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

effetto caricamento durante invio di una mail

Ultimo Messaggio di eleumas il:
  1. #1
    User
    Data Registrazione
    Mar 2014
    Località
    Siena
    Messaggi
    181

    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:
    Codice HTML:
    <button class="uk-button" type="button" name="button" id="button">INVIA MESSAGGIO</button>
    Codice 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>
    Grazie!
    Ultima modifica di eleumas; 27-04-16 alle 16:44

  2. #2
    Moderatore L'avatar di MiWebDesign
    Data Registrazione
    May 2015
    Località
    Palermo
    Messaggi
    198
    Segui MiWebDesign su Twitter Aggiungi MiWebDesign su Google+ Aggiungi MiWebDesign su Facebook Aggiungi MiWebDesign su Linkedin
    Ciao eleumas,

    Puoi affiancare un <div> nascosto con un loader al bottone e mostrarlo quando effettui il click, nasconderlo al success della chiamata AJAX.

  3. #3
    User
    Data Registrazione
    Mar 2014
    Località
    Siena
    Messaggi
    181
    Ciao. In effetti ho trovato uno script che mi permette di applicare il tuo ragionamento. Grazie.

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.