errore nello script orologio con immagini

[jetbaron]

chiedo scusa a tutti se posto una cosa 'stupida', ma sono assolutamente novizio di javascript....

utilizzo questo semplice script scaricato dal web, ma explorer mi dice sempre:

Messaggio: 'document.hr1' è nullo o non è un oggetto

forse devo dichiarare le variabili? ma come?

<script language="javascript"><!-- start

dg0 = new Image();dg0.src = "images/clock/dg0.gif";
dg1 = new Image();dg1.src = "images/clock/dg1.gif";
dg2 = new Image();dg2.src = "images/clock/dg2.gif";
dg3 = new Image();dg3.src = "images/clock/dg3.gif";
dg4 = new Image();dg4.src = "images/clock/dg4.gif";
dg5 = new Image();dg5.src = "images/clock/dg5.gif";
dg6 = new Image();dg6.src = "images/clock/dg6.gif";
dg7 = new Image();dg7.src = "images/clock/dg7.gif";
dg8 = new Image();dg8.src = "images/clock/dg8.gif";
dg9 = new Image();dg9.src = "images/clock/dg9.gif";
dgc = new Image();dgc.src = "images/clock/dgc.gif";

function dotime(){ 
theTime=setTimeout('dotime()',1000);
d = new Date();
hr= d.getHours()+100;
mn= d.getMinutes()+100;
se= d.getSeconds()+100;
tot=''+hr+mn+se;
document.hr1.src = 'images/clock/dg'+tot.substring(1,2)+'.gif';
document.hr2.src = 'images/clock/dg'+tot.substring(2,3)+'.gif';
document.mn1.src = 'images/clock/dg'+tot.substring(4,5)+'.gif';
document.mn2.src = 'images/clock/dg'+tot.substring(5,6)+'.gif';
document.se1.src = 'images/clock/dg'+tot.substring(7,8)+'.gif';
document.se2.src = 'images/clock/dg'+tot.substring(8,9)+'.gif';}
dotime();
//end -->
</script> 

un grazie di cuore a chi può aiutarmi....

[Xinod]

per favore occhio al titolo,
se dal titolo non si capisce con buona precisione di cosa si tratta la discussione viene chiusa
[vedi regolamento]

lo script si aspetta di trovare 6 <img> nel markup. con name rispettivamente hr1,hr2,mn1,mn2,se1,se2

se vuoi farlo funzionare anche su browser diversi da ie,
invece di assegnare questi come name li assegni come id
e invece di
document.hr1.src = ...
document.hr2.src = ...
...
usi
document.getElementById('hr1').src = ...
document.getElementById('hr2').src = ...
...

ciao

[jetbaron]

scusa ancora per l'errore....

ho modificato lo script ma l'errore permane

Messaggio: 'document.getElementById(...)' è nullo o non è un oggetto

sto sbagliando sicuramente.... ma dove?

<script language="javascript"><!-- start

dg0 = new Image();dg0.src = "images/clock/dg0.gif";
dg1 = new Image();dg1.src = "images/clock/dg1.gif";
dg2 = new Image();dg2.src = "images/clock/dg2.gif";
dg3 = new Image();dg3.src = "images/clock/dg3.gif";
dg4 = new Image();dg4.src = "images/clock/dg4.gif";
dg5 = new Image();dg5.src = "images/clock/dg5.gif";
dg6 = new Image();dg6.src = "images/clock/dg6.gif";
dg7 = new Image();dg7.src = "images/clock/dg7.gif";
dg8 = new Image();dg8.src = "images/clock/dg8.gif";
dg9 = new Image();dg9.src = "images/clock/dg9.gif";
dgc = new Image();dgc.src = "images/clock/dgc.gif";

function dotime(){ 
theTime=setTimeout('dotime()',1000);
d = new Date();
hr= d.getHours()+100;
mn= d.getMinutes()+100;
se= d.getSeconds()+100;
tot=''+hr+mn+se;
document.getElementById('hr1').src  = 'images/clock/dg'+tot.substring(1,2)+'.gif';
document.getElementById('hr2').src  = 'images/clock/dg'+tot.substring(2,3)+'.gif';
document.getElementById('mn1').src  = 'images/clock/dg'+tot.substring(4,5)+'.gif';
document.getElementById('mn2').src  = 'images/clock/dg'+tot.substring(5,6)+'.gif';
document.getElementById('se1').src  = 'images/clock/dg'+tot.substring(7,8)+'.gif';
document.getElementById('se2').src  = 'images/clock/dg'+tot.substring(8,9)+'.gif';}
dotime();
//end --> 

[Xinod]

questo dotime(); alla fine non puo' essere eseguito al volo,
perche' parli di cose che non esistono ancora nel documento
o posizioni tutto il blocco <script> dopo la definizione di queste immagini nel markup
o fai eseguire doTime() all' onload
window.onload=doTime;
fai eseguire gia' altro all' onload?
window.onload=function(){doTime();nomeAltraFunzion e();}

ciao

[jetbaron]

funziona....

grazie mille!