Press "Enter" to skip to content

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

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 l'articolo con i tuoi amici
  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.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.