Press "Enter" to skip to content

Visualizzare un messaggio in un DIV per un dato numero di secondi

Condividi il post con i tuoi amici o colleghi

Ecco una funzione che tramite Ajax visualizza un messaggio in un div per un dato numero di secondi (specificato in millisecondi):

function temp(div,msg,time) {
var string = document.getElementById(div).innerHTML=msg;
var myHandler = function() {
document.getElementById(div).innerHTML=””;
};
setTimeout(myHandler, time);
}

Esempio di chiamata:

temp(“nome_div”,”Operazione completata con successo”,3000);


Condividi il post con i tuoi amici o colleghi
  1. Utile come script, magari integrando jquery si potrebbe fare un effetto slide quando scompare il testo.

  2. Certo, in questo esempio non ho usato alcun framework JS ma, come dici tu, con un pò di jQuery (o altro framework) si può aggiungere qualche simpatico effetto 😉

  3. Christian Christian

    Ciao, per creare invece un messaggio di testo tipo quello di questo sito (http://www.ilgiardinodeilibri.it) che si apre quando metto a carrello qualcosa…
    Sto cercando un effetto del genere da mesi…mi aiutate?
    Grazie..

  4. Ciao Christian,

    per ottenere un effetto come quello puoi utilizzare un framework JS, ti consiglio jQuery.

    Puoi cercare il plugin che più si avvicina alla tua esigenza, ne esistono molti e diversi l’uno dall’altro.

    Posso indicarti questo: http://plugins.jquery.com/project/jqalert

    questo: http://plugins.jquery.com/project/myConfirm

    Sono molti, purtroppo dovrai cercare un pò per trovare la soluzione ideale.

    Se non sei obbligato da una soluzione “easy” puoi anche considerare di utilizzare e adattare script come il modalbox.

Comments are closed.