Visualizzare un messaggio in un DIV per un dato numero di secondi con Ajax
Pubblicato il 3/3/2009 alle 15:28
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);
Tweet
Invia questo articolo a un amico via email
Utile come script, magari integrando jquery si potrebbe fare un effetto slide quando scompare il testo.
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
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..
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.