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);

Altri articoli che potrebbero interessarti

• Mini guida sulle pagine ASP
• Oltre Google il nulla? Ecco una selezione di Motori di ricerca
• Suonare con iPod Touch o iPhone
• Come e perchè suddividere un sito creando un file per ogni sezione
• PHP – Ottenere i nomi dei database presenti in MySQL

4 Responses to “Visualizzare un messaggio in un DIV per un dato numero di secondi con Ajax”

1. Filippo Riggio Says:
   Marzo 4th, 2009 at 07:50

   Utile come script, magari integrando jquery si potrebbe fare un effetto slide quando scompare il testo.

2. EmaWebDesign Says:
   Marzo 4th, 2009 at 10:40

   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 Says:
   Maggio 28th, 2009 at 17:06

   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. EmaWebDesign Says:
   Maggio 28th, 2009 at 21:17

   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.

Leave a Reply

Name (required)

Mail (will not be published) (required)

Website

Segnalami via email se ci sono nuovi commenti

EmaWebDesign :: Web Programming / Web Design / SEO utilizza WordPress con tema EWD 2.0 :: Articoli (RSS) e Commenti (RSS)



Questo blog (e tutti i suoi contenuti) è pubblicato sotto una Licenza Creative Commons. Leggi il disclaimer per tutte le info.

L'autore del blog è Emanuele Calì, web developer, web designer e SEO specialist. Per maggiori info sull'autore potete visualizzare la pagina about. Per informazioni su servizi inerenti siti web, grafica o SEO & Web Marketing potete visualizzare la pagina servizi.