Countdown non funziona con firefox

**igorb82** · 13-03-2007, 10:20

ho trovato questo codice su internet per realizzare un countdown...su explorer funziona...ma su firefox...no mi sapete dire il perchè?dove sbaglio?
SCRIPT LANGUAGE=javascript type="text/javascript">
<!--
function countdown(){
iniData= new Date(2007,02,31,23,59,59); // data inizio sequenza mesi-1 es. set=8
oggi= new Date();
//oggi.setHours(1,1,1,0) ;
iniDataIt=iniData.getDate()+'-'+(iniData.getMonth()+1)+'-'+iniData.getFullYear()+' '+iniData.getHours()+':'+iniData.getMinutes()+':'+ iniData.getSeconds();
milDif=(iniData-oggi)
giorni=parseInt(milDif/86400000);
milDif=milDif-(giorni*86400000); //millisecondi restanti talti i giorni
ore=parseInt(milDif/3600000);
milDif=milDif-(ore*3600000); //millisecondi restanti talti i giorni
minuti=parseInt(milDif/60000);
milDif=milDif-(minuti*60000); //millisecondi restanti talti i giorni
secondi=parseInt(milDif/1000);
milDif=milDif-(secondi*1000); //millisecondi restanti talti i giorni
testo='Alla Presentazione del Nuovo Sito ('+iniDataIt+') mancano '+giorni+' giorni, '+ore+' ore, '+minuti+' minuti,e '+secondi+' secondi';
//alert(testo); //commentare
//return testo
if (document.layers){
document.layers.span1.document.write(testo);
document.layers.span1.document.close();
}else if (document.all){
span1.innerHTML=testo;
}
setTimeout("countdown()",1000)
}
</script>

<BODY onLoad='countdown()'>
<span id="span1" style='position:absolute;color:blue;font-style:Verdana;font-size:16px;font-weight:bold;' >Qua' il testo </span>
</body>

Grazie
a presto

**homezappa** · 13-03-2007, 10:34

codice:

if (document.layers){ //true se il browser &egrave; NETSCAPE
    document.layers.span1.document.write(testo);
    document.layers.span1.document.close();
} else if (document.all){ //true se il browser &egrave; Internet Explorer
    span1.innerHTML=testo;
}
setTimeout("countdown()",1000)

Considerando che siamo nel 2007, e che tutti i browsers (tranne quelli testuali) supportano le getElementById(), io riscriverei il pezzetto di cosice così:

codice:

document.getElementById('span1').innerHTML = testo;
setTimeout("countdown()",1000);

Correggetemi se sbaglio!
HTH
Zappa

**homezappa** · 13-03-2007, 10:42

Non sono stato attento alle parentesi!
Questo codice funziona:

codice:

<html>
<head>
<script language=javascript type="text/javascript">
<!--
function countdown(){
iniData= new Date(2007,02,31,23,59,59); // data inizio sequenza mesi-1 es. set=8
oggi= new Date();
//oggi.setHours(1,1,1,0) ;
iniDataIt=iniData.getDate()+'-'+(iniData.getMonth()+1)+'-'+iniData.getFullYear()+' '+iniData.getHours()+':'+iniData.getMinutes()+':'+iniData.getSeconds();
milDif=(iniData-oggi)
giorni=parseInt(milDif/86400000);
milDif=milDif-(giorni*86400000); //millisecondi restanti talti i giorni
ore=parseInt(milDif/3600000);
milDif=milDif-(ore*3600000); //millisecondi restanti talti i giorni
minuti=parseInt(milDif/60000);
milDif=milDif-(minuti*60000); //millisecondi restanti talti i giorni
secondi=parseInt(milDif/1000);
milDif=milDif-(secondi*1000); //millisecondi restanti talti i giorni
testo='Alla Presentazione del Nuovo Sito ('+iniDataIt+') mancano '+giorni+' giorni, '+ore+' ore, '+minuti+' minuti,e '+secondi+' secondi';
//alert(testo); //commentare
//return testo
document.getElementById('span1').innerHTML=testo;
}
setInterval("countdown()",1000)

//-->
</script>
</head>
<body onLoad='countdown()'>
<span id="span1" style='position:absolute;color:blue;font-family:Verdana;font-size:16px;font-weight:bold;' >Qua' il testo </span>
</body>
</html>

(in verde le variazioni. Fai attenzione: se vuoi vedere il counter decrementare, devi usare la setInterval(), non la setTimeout(), che ha un solo colpo in canna!
poi:
I tags html si scrivono minuscoli !!!!
HTH
Zappa

**igorb82** · 13-03-2007, 10:43

Credo che hai proprio ragione...scusa...ma sono un principiante del javascript....ma vedendo la correzione....mi sembra di capire che è corretta...e sopratutto mi permetterà di includere lo span in un tabella...o div...cosa che prima non ero riuscito a fare...giusto?o mi sbaglio...

Grazie ancora...
A presto

**homezappa** · 13-03-2007, 10:50

giusto!
Comunque, invece di uno span, perchè non usare un sano div?
(ricordati sempre di dargli un id univoco, da richiamare nella getElementById)
Es:

codice:

... nel body:
<div id="scrivoqua" style="............"></div>

... nella funzione, se nella variabile testo c'&egrave; la roba da scrivere:

document.getElementById('scrivoqua').innerHTML = testo;

HTH
Zappa

**igorb82** · 13-03-2007, 11:26

Ora il countdown si vede anche su firefox...ma dopo qualche secondo si blocca il browser...sia ie che firefox...forse non ho detto che nella pagina dove c'è un countdown c'è anche una animazione flash....
posto il link...
www.rionecontrastanga.net
Vi ringrazio per l'enorme aiuto che mi state dando...
A presto

**homezappa** · 13-03-2007, 14:50

Mah! io ho caricato la pagina prima di andare a pranzo ed ora è lì che funziona!
Per me va

Zappa

**igorb82** · 13-03-2007, 19:20

si ho cambiato del codice....e ora funziona...se ti può essere utile te lo posto
grazie mille per l'aiuto

Discussione: Countdown non funziona con firefox

Strumenti discussione

Ricerca discussione

Visualizza

Countdown non funziona con firefox

Grazie

Ora Funziona....ma...

Permessi di invio