Comparsa Dopo L’Invio. Visualizzare una finestra di caricamento o, si prega di attendere

Ecco il mio script:

<form action='' method='' onsubmit='refreshpage();'>
<input name='refresh' type="image" SRC="images/Next-Page-Button.gif" HEIGHT="60" WIDTH="173" BORDER="0" value='Refresh'>
</form>

Voglio che quando l’utente fa clic su “avanti” pulsante di caricamento o, si prega di attendere pop-up, perché ci vogliono più di 30 sec per pagina successiva e voglio che i membri di conoscere il sito, ma anche rendere il popup di andare via dopo che la pagina viene caricata.

Anche se si desidera visualizzare il pulsante in azione il mio sito è www.socialmedianetworkexchange.com ed è quando si fa clic su “guadagnare facebook mi piace” pulsante.

Perché l’aggiornamento della pagina quando si potrebbe utilizzare AJAX per inviare il modulo?
È necessario inviare le informazioni al database e ottenere di più i siti su “mi piace”
Oh, beh, AJAX fa la stessa cosa, ma non aggiorna la pagina 😉 è, fondamentalmente, di inviare il modulo, ma senza aggiornare la pagina. Vedi la mia risposta qui sotto per il caricamento della cosa. 🙂
come posso utilizzare ajax?
Vedere jQuery AJAX. $.post e $.get è più facile da usare se si sta solo andando a utilizzare un certo tipo di metodo, vedere questi link: jQuery $.get o jQuery $.post

OriginaleL’autore Tahoe Cale | 2011-11-26

One Reply
  1. 10

    Si potrebbe mostrare un elemento della pagina quando si fa clic su di esso, e poi andrà via da sola (una volta che si va per la nuova pagina). Ecco un codice che ho appena fatto:

    JavaScript:

    function showLoading() {
        document.getElementById('loadingmsg').style.display = 'block';
        document.getElementById('loadingover').style.display = 'block';
    }

    HTML/CSS:

    <style type="text/css">
          #loadingmsg {
          color: black;
          background: #fff; 
          padding: 10px;
          position: fixed;
          top: 50%;
          left: 50%;
          z-index: 100;
          margin-right: -25%;
          margin-bottom: -25%;
          }
          #loadingover {
          background: black;
          z-index: 99;
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
          filter: alpha(opacity=80);
          -moz-opacity: 0.8;
          -khtml-opacity: 0.8;
          opacity: 0.8;
        }
    </style>
    
    <div id='loadingmsg' style='display: none;'>Redirecting, please wait...</div>
    <div id='loadingover' style='display: none;'></div>
    <form action='' method='post' onsubmit='refreshpage();showLoading();'> 
    <input name='refresh' type="image" src="images/Next-Page-Button.gif" height="60" width="173" border="0" value='Refresh'> 
    </form>

    È possibile modificare il messaggio di caricamento di qualsiasi cosa tu desideri, per dire, naturalmente.

    Spero che questo aiuta. Fatemi sapere se avete domande.


    Edit:

    Semplicemente aggiungere il onclick evento per il <li> come:

    <li onclick="showLoader();">
    <a href="facebook.php">
    <img src="images/logos/facebooklikeicon.png" height="25" border="0" /> Earn Coins Facebook 
    </a>
    </li>

    Assicurarsi che si dispone di altri HTML, CSS e JavaScript di sopra di questo per la funzione di lavorare.

    Per favore fatemi sapere se ci sono parti che non si capiscono.

    Come faccio a fare il >il rinvio, si prega di attendere…< in un’immagine animata
    Si può solo ottenere una di caricamento GIF da AjaxLoad, hanno un sacco di diversi tipi di caricamento icone. Basta usare un <img /> div accanto a “il rinvio, si prega di attendere…” il testo.
    Così ho questo pulsante come devo fare lo stesso
    <li><a href=”facebook.php”><img src=”images/logos/facebooklikeicon.png” height=”25″ border=”0″ /> Guadagnare crediti Facebook</a></li>
    Vedere la mia a cura di risposta di cui sopra…

    OriginaleL’autore Nathan

Lascia un commento