Creare un countdown

08-07-2005, 11.05.42

Allora, premetto che mi sono già fatto un giro nei topic precedenti su questo argomento, ma sono pochi e non sono uguali alla mia richiesta, io vorrei mettere nelle mie pagine un countdown da ora fino al 15 luglio alle ore 14.00, e possibile? Come si può fare? Ho già provato con i javascript proposti da html.it, ma c'ho capito poco...

08-07-2005, 15.03.56

http://forum.altervista.org/showthread.php?t=33486 <-- ecco qui...mi ricordavo che c'era un topic in cui si era già parlato di sta cosa!!

08-07-2005, 15.43.39

Insomma, non si parla proprio della stessa cosa, i primi tre post parlano del contatore, poi ha risolto senza nemmeno dire il programma che avrebbe utilizzato, in quelli offerti da html.it non sembra esserci quello che fa al caso mio Io voglio sapere quanto manca al 15 luglio (6g tot di ore, tot di minuti e tot di secondi, che vadano in countdown fino ad arrivare a zero)

Ospite · 08-07-2005, 15.52.49

Beh, da un'occhiata qui: http://webmaster.lycos.it/tips/988892581/
Dovrebbe fare al caso tuo!
Se c'è qualche problema posta!!!

08-07-2005, 20.18.19

Si, è quello che mi serve, ma non riesco a capire come inserirlo nell'html, potresti spiegarmelo in parole povere? MAgari con un esempio pratico... grazie

**Taitaonline** · 09-07-2005, 00.00.10

Codice:

<SCRIPT LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Dec 25 2002 00:00:00");
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " second" : " seconds";
min = (minutesRound == 1) ? " minute" : " minutes, ";
hr = (hoursRound == 1) ? " hour" : " hours, ";
dy = (daysRound == 1)  ? " day" : " days, "
document.timeForm.input1.value = "There's " + daysRound  + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + " before next Xmas!";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>

I campi in rosso li puoi modificare: la data metti quella che serve a te e più in basso puoi scrivere quello che vuoi.....

Codice:

<form name=timeForm>
<input type="texte" name=input1 size=110 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif">
</form>

Questo form lo inserisci nella pagina nel punto in cui vuoi che appaia ....

Codice:

<BODY onLoad="getTime()">

E questo mi pare che vada inserito nel tag body ...
Al limite fai un paio di prove in locale prima.

09-07-2005, 10.47.55

No ci riesco, mi appare una striscia bianca lunga senza niente dentro.
Ho inserito, il primo codice tra gli head, il secondo dove volevo mettere il countdown e il terzo trai i tag del body... sbagliato qualcosa?
E poi, è normale che il codice dello javascript me lo dia in rosso/marroncino?

09-07-2005, 12.26.18

se appare una striscia bianca significa che il codice nn è scritto bene!
riporta quello che hai scritto tu casomai!

09-07-2005, 13.03.41

A me questo script funziona.
Mettilo così:

<body>
<SCRIPT LANGUAGE="JavaScript">

</script><form name=timeForm>
<input type="texte" name=input1 size=110 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif">
</form><BODY onLoad="getTime()"></body>

09-07-2005, 14.30.15

L'ho inserito ma continua a non funzionarmi... ho fatto diverse prove, se lo inserisco in un foglio bianco ci riesco, ma inserrlo dentro ad una tabella no... cosa può essere?

Ecco qui il codice html della mia pagina (e incasinato pEr due motivi, uso frontpage, uso tabelle) Comunque il pezzo html che serve è alla fine, io l'ho postato tutto perchè non sapevo cosa poteva servire..

<html>

<head>
<link rel="stilesheet" href="style.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>HorrorBlood: Home</title>
<style>

</style>
<meta name="Microsoft Border" content="tlrb, default">
</head>

<body bgcolor="#000000" text="#808080" link="#808080" vlink="#FF0000" alink="#808080"> 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="344" id="AutoNumber7" height="244">
<tr>
<td width="1" height="244" valign="top">
<p align="center">
</td>
<td width="343" height="244" valign="top" align="center">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber14">
<tr>
<td width="100%">
<p align="center"><font face="Verdana"><b>News...</b></font></td>
</tr>
</table>
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber15" height="96" bgcolor="#000000">
<tr>
<td width="52%" bgcolor="#800000" height="96" background="lineerosse.gif">
<p align="center"><a href="saw_2_news.htm"><img border="0" src="saw_2.jpg" width="94" height="147"></a></p>
</td>
<td width="2%" height="96">
<p align="center"> </p>
</td>
<td width="46%" bgcolor="#800000" height="96" background="lineerosse.gif">
<p align="center"><a href="saw_2_intervista_al_regista.htm"><img border="2" src="saw2_small.jpg" alt="saw2.jpg (54654 byte)" width="100" height="144"></a></p>
</td>
</tr>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber16" height="24">
<tr>
<td width="100%" height="24">
<p align="center"><b><font face="Verdana">Novità nelle sale...</font></b></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber17" height="96">
<tr>
<td width="52%" bgcolor="#800000" height="96" background="lineerosse.gif">
<p align="center"><a href="koma.htm"><img border="2" src="koma_small.jpg" alt="koma.jpg (85039 byte)" width="91" height="139"></a></p>
</td>
<td width="2%" height="96"> </td>
<td width="46%" bgcolor="#800000" height="96" background="lineerosse.gif">
<p align="center"><a href="boogeyman.htm"><img border="2" src="boogeyman_small.jpg" alt="boogeyman.jpg (74275 byte)" width="100" height="139"></a></p>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber18">
<tr>
<td width="100%">
<p align="center"><b><font face="Verdana">Film usciti al noleggio...</font></b></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber19" height="83">
<tr>
<td width="52%" bgcolor="#800000" height="83" background="lineerosse.gif" align="center"><a href="saw_dvd.htm"><img border="2" src="saw_small.jpg" alt="saw.jpg (28931 byte)" width="89" height="125"></a></td>
<td width="2%" height="83" align="center"> </td>
<td width="46%" bgcolor="#800000" height="83" background="lineerosse.gif" align="center"><a href="constantine_dvd.htm"><img border="2" src="Constantine_Poster_small.jpg" alt="Constantine Poster.jpg (66563 byte)" width="89" height="125"></a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber20">
<tr>
<td width="100%">
<p align="center"><font face="Verdana" size="3"><b>Special...</b></font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber21" height="96">
<tr>
<td width="52%" bgcolor="#800000" height="96" background="lineerosse.gif" align="center"><font face="Old Typewriter" size="4" color="#000000">Prossimamente</font></td>
<td width="2%" height="96" align="center"><font face="Old Typewriter" size="4" color="#000000"> </font></td>
<td width="46%" bgcolor="#800000" height="96" background="lineerosse.gif" align="center"><font face="Old Typewriter" size="4" color="#000000">Prossimamente</font></td>
</tr>
</table>
<p>
 </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </td>
<td width="30" height="244" valign="top" align="center">
<p>
</td>
<td width="108" height="244" valign="top" align="center">
</td>
<td width="108" height="244" valign="top" align="center">
<div align="left">
<table border="0" width="196">
<tr>
<td align="center" width="188"><font face="Verdana" size="3"><b>Recensioni</b></font></td>
</tr>
<tr>
<td align="center" width="188"><a href="cannibal_holocaust_recensione.htm"><img border="0" src="ch3s.jpg" width="179" height="225"></a>
<p align="center"><font face="Verdana" size="2">Recensione completa
del film, considerazioni e consigli dai membri del nostro staff... </font></p>
<p> </td>
</tr>
<tr>
<--! qui dovrei mettere il countdown--> <td align="center" width="188"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>

<p align="center"> 

</body>

</html>

10-07-2005, 10.43.31

ehm... io sto ancora aspettando...

**Taitaonline** · 10-07-2005, 11.19.43

Ehm ehm ...

<td align="center" width="188"><a href="cannibal_holocaust_recensione.htm"><img border="0" src="ch3s.jpg" width="179" height="225"></a>
<p align="center"><font face="Verdana" size="2">Recensione completa
del film, considerazioni e consigli dai membri del nostro staff... </font></p>
<p> </td>
</tr>
<tr>
<--! qui dovrei mettere il countdown--> <td align="center" width="188"></td>
</tr>
</table>

Allora, il tag del countdown non dovresti metterlo dove lo hai segnalato tu ma tra il <td align="center" width="188"> e </td> ...
Comunque io ho inserito l'applet java proprio sotto queste tue righe di codice :
<style>

</style>
<meta name="Microsoft Border" content="tlrb, default">

...Poi il richiamo l'ho inserito così (sempre nel tuo codice) :
<body alink="#808080" bgcolor="#000000" link="#808080" text="#808080" vlink="#ff0000" onLoad="getTime()">

...Ed infine ho inserito il form tra i tue tag <td> e </td> dove hai detto tu (sotto la foto della locandina del film, no?).

Con Firefox si vede, con IE per vederlo devi sbloccare i contenuti bloccati e poi riesci a vederlo.

10-07-2005, 16.01.15

Si esatto sotto la locandina del film, ma non ci riesco comunque a farlo apparire, ti dico cosa ho scritto e messo io:



All'inizio del codice  dentro questo

poi, ho inserito questo che mi hai dato:

<body alink="#808080" bgcolor="#000000" link="#808080" text="#808080" vlink="#ff0000" onLoad="getTime()">

dove lo volevo mettere, tra <td> e <td/> ma niente non mi appare, anzi se lo metto in anteprima e poi riclicco l'html, il codice inserito qui è come se fosse sparito! Che devo fare?

**ertagus** · 10-07-2005, 20.42.18

Prova così, a me funziona, se non va allora è un problema del tuo browser:

Codice:

<html>

<head>
<link rel="stilesheet" href="style.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>HorrorBlood: Home</title>
<style>
<!--

a:link { text-decoration: none }

a:link { text-decoration: none }
-->
</style>
<meta name="Microsoft Border" content="tlrb, default">
<SCRIPT LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Dec 25 2002 00:00:00");
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " second" : " seconds";
min = (minutesRound == 1) ? " minute" : " minutes, ";
hr = (hoursRound == 1) ? " hour" : " hours, ";
dy = (daysRound == 1)  ? " day" : " days, "
document.timeForm.input1.value = "There's " + daysRound  + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + " before next Xmas!";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>
</head>

<body bgcolor="#000000" text="#808080" link="#808080" vlink="#FF0000" alink="#808080" onLoad="getTime()">&nbsp;
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="344" id="AutoNumber7" height="244">
<tr>
<td width="1" height="244" valign="top">
<p align="center">
</td>
<td width="343" height="244" valign="top" align="center">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber14">
<tr>
<td width="100%">
<p align="center"><font face="Verdana"><b>News...</b></font></td>
</tr>
</table>
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber15" height="96" bgcolor="#000000">
<tr>
<td width="52%" bgcolor="#800000" height="96" background="lineerosse.gif">
<p align="center"><a href="saw_2_news.htm"><img border="0" src="saw_2.jpg" width="94" height="147"></a></p>
</td>
<td width="2%" height="96">
<p align="center">&nbsp;</p>
</td>
<td width="46%" bgcolor="#800000" height="96" background="lineerosse.gif">
<p align="center"><a href="saw_2_intervista_al_regista.htm"><img border="2" src="saw2_small.jpg" alt="saw2.jpg (54654 byte)" width="100" height="144"></a></p>
</td>
</tr>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber16" height="24">
<tr>
<td width="100%" height="24">
<p align="center"><b><font face="Verdana">Novit… nelle sale...</font></b></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber17" height="96">
<tr>
<td width="52%" bgcolor="#800000" height="96" background="lineerosse.gif">
<p align="center"><a href="koma.htm"><img border="2" src="koma_small.jpg" alt="koma.jpg (85039 byte)" width="91" height="139"></a></p>
</td>
<td width="2%" height="96">&nbsp;</td>
<td width="46%" bgcolor="#800000" height="96" background="lineerosse.gif">
<p align="center"><a href="boogeyman.htm"><img border="2" src="boogeyman_small.jpg" alt="boogeyman.jpg (74275 byte)" width="100" height="139"></a></p>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber18">
<tr>
<td width="100%">
<p align="center"><b><font face="Verdana">Film usciti al noleggio...</font></b></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber19" height="83">
<tr>
<td width="52%" bgcolor="#800000" height="83" background="lineerosse.gif" align="center"><a href="saw_dvd.htm"><img border="2" src="saw_small.jpg" alt="saw.jpg (28931 byte)" width="89" height="125"></a></td>
<td width="2%" height="83" align="center">&nbsp;</td>
<td width="46%" bgcolor="#800000" height="83" background="lineerosse.gif" align="center"><a href="constantine_dvd.htm"><img border="2" src="Constantine_Poster_small.jpg" alt="Constantine Poster.jpg (66563 byte)" width="89" height="125"></a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber20">
<tr>
<td width="100%">
<p align="center"><font face="Verdana" size="3"><b>Special...</b></font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber21" height="96">
<tr>
<td width="52%" bgcolor="#800000" height="96" background="lineerosse.gif" align="center"><font face="Old Typewriter" size="4" color="#000000">Prossimamente</font></td>
<td width="2%" height="96" align="center"><font face="Old Typewriter" size="4" color="#000000">&nbsp;</font></td>
<td width="46%" bgcolor="#800000" height="96" background="lineerosse.gif" align="center"><font face="Old Typewriter" size="4" color="#000000">Prossimamente</font></td>
</tr>
</table>
<p>
&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</td>
<td width="30" height="244" valign="top" align="center">
<p>
</td>
<td width="108" height="244" valign="top" align="center">
</td>
<td width="108" height="244" valign="top" align="center">
<div align="left">
<table border="0" width="196">
<tr>
<td align="center" width="188"><font face="Verdana" size="3"><b>Recensioni</b></font></td>
</tr>
<tr>
<td align="center" width="188"><a href="cannibal_holocaust_recensione.htm"><img border="0" src="ch3s.jpg" width="179" height="225"></a>
<p align="center"><font face="Verdana" size="2">Recensione completa
del film, considerazioni e consigli dai membri del nostro staff... </font></p>
<p>&nbsp;</td>
</tr>
<tr><form name=timeForm>
<input type="texte" name=input1 size=110 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif">
</form><td align="center" width="188"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>

<p align="center">&nbsp;

</body>

</html>

10-07-2005, 21.14.21

Niente non ci riesco... l'ho visualizzato con tutti i browser ma nada, non si vede....... vabbè fa niente dai, comunque il tuo sono riuscito a vedrlo copiando il codice nell'html, ma ho provato a inserirlo io nel mio e non si vede...

**Taitaonline** · 11-07-2005, 13.02.18

Ertagus ... Credo che il problema di Horrornoir sia dovuto al cambio della data scritta in quello script ... Come sono andato a variare la data di default (Dec 25 2002 00:00:00) e ho provato a mettere una qualsiasi altra data, lo script fa esattamente quello che continua a sostenere horrornoir ...

11-07-2005, 13.42.10

Quindi taita che possiamo fare? Cercare un altro script?

**ertagus** · 11-07-2005, 15.40.21

A me funziona anche con altre date, ho provato con "Jul 12 2005 00:00:00" ad esempio (cioè domani) e funziona perfettamente

**Taitaonline** · 11-07-2005, 15.53.53

Originalmente inviato da horrornoir

Quindi taita che possiamo fare? Cercare un altro script?

Giammai !!! :winkOLD:
Se funziona ad Ertagus ... deve funzionare anche a te ... stasera controllo di nuovo... magari sbagliamo qualcosa noi, chissà ...

12-07-2005, 00.25.17

Ok, aspetto tue notizie, quando hai fatto tutto dimmi, p.s. se trovi la soluzione, ti prego di spiegarmi la maniera nel modo più semplice possibile, soprattutto inserendo sempre i soggetti e non dando le cose per scontate, hai di fronte un ignorante..

Discussione: Creare un countdown

LinkBack

Strumenti discussione

Display

Creare un countdown

Funzione

Regole di scrittura