Messaggi temporanei automatici su pagina web

nayaril · 5 Mar 2013

Ciao a tutti!

Vi volevo chiedere se qualcuno sapeva dove potevo trovare uno script che possa far apparire su una pagina web un immagine o un div con delle informazioni ma automaticamente in base ad un calendario.
Per esempio durante le 2 settimane prima che precedono il giorno di san valentino, dovrebbe apparire un messaggio per ricordare che tra 2 settimane ci sarà san valentino, il tutto automaticamente magari utilizzando la data formita dal server in uso.
Tutto questo per evitare di intervenire manualmente ogni volta.

Spero di essermi spiegato!

Grazie a tutti

criric · 6 Mar 2013

ciao,

dove potevo trovare uno script

beh potremmo anche scriverlo su misura
questo potrebbe essere un inizio

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Esempio</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script>
            window.onload = function() {
                var messaggio;
                var un_giorno = 86400000;
                
                var datacorrente = new Date();                
                var annocorrente = datacorrente.getFullYear();
               
                var festadelladonna = new Date(annocorrente,02,08);
                
                var millisecondi = datacorrente - festadelladonna;
                                
                if(millisecondi < un_giorno) {
                    var giorni = Math.floor(millisecondi/un_giorno);
                    
                    if(giorni > -7 && giorni < 1) {
                        if(giorni == 0) {
                            messaggio = 'Oggi è la festa della donna';
                        }else{
                            messaggio = 'Mancano ' + Math.abs(giorni) + ' giorni alla festa della donna'; 
                        }             
                        document.getElementById("festadelladonna").innerHTML = messaggio
                        document.getElementById("festadelladonna").style.display = "inline";
                    }
                }
               
            }           
        </script>
        <style type="text/css">
            div#festadelladonna {
                display:none;
                border: 2px dashed #123;
                padding:12px;
                background-color: #e4e4e4;
                position: absolute;
                top:50px;
                left:250px;
                color:#123;
                font-size: 1.2em;
            }
        </style>
    </head>
    <body>
        <div id="festadelladonna">

        </div>
    </body>
</html>

ho testato solo su ff, non ho commentato, vedi tu

nayaril · 8 Mar 2013

Ciao!

Grazie mille per quello che hai fatto!
Su IE funziona e anche su Firefox!

A breve lo implementeró per l'uso specifico che ne dovró fare, spero solo di riuscire a settare tutto correttamente!

Grazie mille ancora!
Magari sarà utile anche ad altri!

Cerca

Cerca

Messaggi temporanei automatici su pagina web

nayaril

Nuovo Utente

criric

Super Moderatore

nayaril

Nuovo Utente

Discussioni simili