Wiki Info
Vuoi reagire a questo messaggio? Crea un account in pochi click o accedi per continuare.
Ricerca Avanzata
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
Ultimi argomenti attivi
» Comunicazione termine servizio Arduino BT Control
Da Admin Mar Mag 10, 2022 12:55 pm

» Robot aspirapolvere per Alexa: Dreame D9
Da Admin Mar Feb 09, 2021 9:42 am

» Come costruire un robot smart con Arduino
Da Admin Mar Nov 17, 2020 12:15 pm

» TOPPS Trading Cards Match Attax Champsion League/Europa League 2020/21
Da Admin Mar Nov 10, 2020 3:21 pm

» Guida per utilizzare Arduino BT Control v1.2
Da Admin Gio Lug 09, 2020 12:01 pm

» Recensione Umidigi A3 Pro - Smartphone sotto i 100€
Da Admin Gio Apr 04, 2019 12:22 pm

» [Arduino] aiuto programma
Da Glak Mar Mar 12, 2019 9:30 am

» ERRORE NELLA COMPILAZIONE NEXTION
Da papat Mar Feb 26, 2019 7:11 am

» Comandare la Smart TV con Alexa senza broadlink (gratis)
Da Admin Mar Feb 19, 2019 4:31 pm

I postatori più attivi del mese
Nessun utente


Conto alla rovescia per natale

5 partecipanti

Andare in basso

Conto alla rovescia per natale Empty Conto alla rovescia per natale

Messaggio Da Draken Sab Dic 08, 2012 5:42 pm




Salve a tutti,
recentemente non avendo niente da fare mi sono messo a "giocare" con alcuni script,
tra cui quello per il Countdown. Visto che siamo vicini al natale l'ho modificato fino a creare un conto alla rovescia per natale. Il codice contiene Javascript e Css, spero di non sbagliare mettendolo in Html....
Comunque, potete integrarlo nel vostro sito con uno di questi due script:

Codice:
<iframe  src="http://trikserver.altervista.org/file/natale.html" width=200 height=200 frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling="no" ALLOWTRANSPARENCY="true">
</iframe>

Codice:
<script type="text/javascript">

function countdown()
{
var_anno=2012;
var_mese=12;
var_giorno=25;
var_ore=1;
var_minuti=0;
var_secondi=0;
data_scandeza= new Date(var_anno,var_mese-1,var_giorno,var_ore,var_minuti,var_secondi);
data_oggi= new Date();
differenza=(data_scandeza-data_oggi);
giorni=parseInt(differenza/86400000);
differenza=differenza-(giorni*86400000);
ore=parseInt(differenza/3600000);
differenza=differenza-(ore*3600000);
minuti=parseInt(differenza/60000);
differenza=differenza-(minuti*60000);
secondi=parseInt(differenza/1000);
differenza=differenza-(secondi*1000);
if (giorni <= "0" && ore <= "0" && minuti <= "0" && secondi <= "0")
{
document.getElementById("countdown").innerHTML="E' Natale! Tanti Auguri!";
}
else
{
document.getElementById("countdown").innerHTML=giorni +' giorni '+ore+' ore '+minuti+' min '+secondi+' sec';
setTimeout("countdown()",1000)
}
}
</script>

<style>
#countdown {
  margin: 0px;
  background-image: url('http://i42.servimg.com/u/f42/17/32/70/37/f0155f10.png');
  background-repeat: no-repeat;
  font-size: 14;
  font-weight: normal;
  line-height: 360px;
  text-align: center;
  width: 200px;
  height: 200px;         
  font-family: Calibri;
}
</style>




<body onload="countdown()"><div id="countdown"></div>



Ultima modifica di Trik boom il Gio Dic 13, 2012 4:34 pm - modificato 1 volta.
Draken
Draken
Livello cinque
Livello cinque

Messaggi Messaggi : 428
Crediti Crediti : 2010
Reputazione Reputazione : 36
Data d'iscrizione Data d'iscrizione : 19.03.12
Età Età : 25

Torna in alto Andare in basso

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

Messaggio Da Admin Sab Dic 08, 2012 8:34 pm

Stupendo, complimenti! Hai utilizzato molto bene i codici Very Happy.
Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4370
Crediti Crediti : 12173
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 26

https://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

Messaggio Da Luigi Sab Dic 08, 2012 9:06 pm

*.* bellissimo *.*
Luigi
Luigi
Livello quattro
Livello quattro

Messaggi Messaggi : 194
Crediti Crediti : 549
Reputazione Reputazione : 11
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 24
Località Località : Brescia

Torna in alto Andare in basso

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

Messaggio Da Draken Dom Dic 09, 2012 11:44 am

Grazie
Draken
Draken
Livello cinque
Livello cinque

Messaggi Messaggi : 428
Crediti Crediti : 2010
Reputazione Reputazione : 36
Data d'iscrizione Data d'iscrizione : 19.03.12
Età Età : 25

Torna in alto Andare in basso

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

Messaggio Da Taxi Mer Dic 12, 2012 3:06 pm

ma l'iframe non è un po troppo lungo di altezza?
Taxi
Taxi
♔ Amministratore

Messaggi Messaggi : 510
Crediti Crediti : 2223
Reputazione Reputazione : 24
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 35
Località Località : Milano

Torna in alto Andare in basso

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

Messaggio Da Draken Gio Dic 13, 2012 4:34 pm

Bix ha scritto:ma l'iframe non è un po troppo lungo di altezza?

E' vero, ho modificato, che l'immagine di sfondo inserita attraverso il css è di 300px x 300px.
Draken
Draken
Livello cinque
Livello cinque

Messaggi Messaggi : 428
Crediti Crediti : 2010
Reputazione Reputazione : 36
Data d'iscrizione Data d'iscrizione : 19.03.12
Età Età : 25

Torna in alto Andare in basso

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

Messaggio Da Admin Gio Dic 13, 2012 5:40 pm

Draken, però se si tratta di CSS può anche ridurre l'immagine e anche se l'iframe è più piccolo di essa, non si attiva lo scrollbar Very Happy.

Saluti, l'admin Ciao!
Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4370
Crediti Crediti : 12173
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 26

https://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

Messaggio Da Rapinder Gio Dic 13, 2012 9:16 pm

Ma e' tutto JavaScript!
Cosa centra l'HTML? Shocked
Rapinder
Rapinder
Sono un nuovo membro
Sono un nuovo membro

Messaggi Messaggi : 8
Crediti Crediti : 219
Reputazione Reputazione : 2
Data d'iscrizione Data d'iscrizione : 28.09.12

Torna in alto Andare in basso

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

Messaggio Da Admin Ven Dic 14, 2012 2:49 pm

Perché è un iframe per cui è tutto javascript ma il codice da estrarre è un HTML e sta bene qui.

Saluti, l'admin Ciao!
Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4370
Crediti Crediti : 12173
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 26

https://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

Messaggio Da Contenuto sponsorizzato


Contenuto sponsorizzato


Torna in alto Andare in basso

Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.