Orologi su firefox non funzionano

**simone75** · 06-08-2007, 11:24

Ho trovato diversi script per gli orologi analogici o digitali ma quando li inserisco sulle mie pagine, con explorer funzionano mentre con firefox non vengono proprio visualizzati. Ho provato a controllare le impostazioni di firefox ma non ho trovato nulla che mi potesse risolvere il problema.
Da cosa può dipendere?

**Xinod** · 06-08-2007, 11:59

i motivi possono essere vari, quindi posta uno di questi script

**simone75** · 06-08-2007, 12:30

Questa è la pagina che dovrebbe mostrare il codice:

codice:

<style>
A:link, A:visited { text-decoration: none }
A:hover { text-decoration: underline }
</style>
<script>
// select a clock design: "watch1", "watch2" or "watch3"
var whichwatch="watch3"
// The clocks's horizontal distance to the left margin (pixels)
var clockposLeft=10
// The clock's vertical distance to the top margin (pixels)
var clockposTop=10
</script>
<script src="watchjs.js"></script>
</HEAD>
<BODY  BGCOLOR="white" vlink="blue" link="blue" style="width:100%;overflow-x:hidden;overflow-y:scroll">

il file 'watchjs.js' contiene questo:

codice:

var clipTop=0
var clipBottom=clipTop+90
var clipLeft
var clipRight
var isNS

if (document.layers) { (isNS=true) }
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';

var imgSeconds
var imgMinutes
var imgHours
var imgClock

var clipHours=""
var clipMinutes=""
var clipSeconds=""

var startLeft
var startTop

var tunePosHour=-2

var plusHours=0

var heute= new Date()
var datumtzahl="<font size=1>"+heute.getDate()+"</font>"

function initObjects() {
	if (document.all) {
		imgSeconds = document.all.imgSeconds.style
		imgMinutes = document.all.imgMinutes.style
		imgHours = document.all.imgHours.style
		imgClock = document.all.imgClock.style
		textDate.innerHTML=datumtzahl
		
		imgClock.posLeft=clockposLeft
		imgClock.posTop=clockposTop
		
		startLeft=clockposLeft+2
		startTop=clockposTop
		
		imgHours.posTop=startTop
		imgMinutes.posTop=startTop
		imgSeconds.posTop=startTop
	
		document.all.textDate.style.posTop=clockposTop+40
		document.all.textDate.style.posLeft=clockposLeft+63
	
		imgSeconds.visibility=VISIBLE
		imgMinutes.visibility=VISIBLE
		imgHours.visibility=VISIBLE
		imgClock.visibility=VISIBLE
		document.all.textDate.style.visibility=VISIBLE
	
		tickIE()
	}
	
	if (document.layers) {
		imgSeconds = document.imgSeconds
		imgMinutes = document.imgMinutes
		imgHours = document.imgHours
		imgClock = document.imgClock
		document.textDate.document.write(datumzahl)
		document.textDate.document.close()
		
		imgClock.left=clockposLeft
		imgClock.top=clockposTop
		
		startLeft=clockposLeft+2
		startTop=clockposTop
		
		imgHours.top=startTop
		imgMinutes.top=startTop
		imgSeconds.top=startTop
	
		document.textDate.top=clockposTop+40
		document.textDate.left=clockposLeft+61
		
		imgSeconds.visibility=VISIBLE
		imgMinutes.visibility=VISIBLE
		imgHours.visibility=VISIBLE
		imgClock.visibility=VISIBLE
		document.textDate.visibility=VISIBLE
	
		tickNS()
	}
}

function tickIE() {
	var now=new Date()
	var nowHours=now.getHours()
	var nowMinutes=now.getMinutes()
	var nowSeconds=now.getSeconds()
	if (nowHours>=12) {nowHours=nowHours-12}
	if (nowMinutes<12) {plusHours=0}
	if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
	if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
	if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
	if (nowMinutes>=48) {var plusHours=360}
	imgHours.posLeft=startLeft-(nowHours*90*5+plusHours)
	clipLeft=nowHours*90*5+plusHours
	clipRight=clipLeft+90
	clipHours="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
	imgHours.clip=clipHours	
	if (nowSeconds!=0) {
		imgMinutes.posLeft=startLeft-(nowMinutes*90)
		clipLeft=nowMinutes*90
		clipRight=clipLeft+90
		clipMinutes="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
		imgMinutes.clip=clipMinutes
	}
	imgSeconds.posLeft=startLeft-(nowSeconds*90)
	clipLeft=nowSeconds*90
	clipRight=clipLeft+90
	clipSeconds="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
	imgSeconds.clip=clipSeconds
	var runClock=setTimeout("tickIE()", 100);
}

function tickNS() {
	var now=new Date()
	var nowHours=now.getHours()
	var nowMinutes=now.getMinutes()
	var nowSeconds=now.getSeconds()
	if (nowHours >= 12) {nowHours=nowHours-12}
	if (nowMinutes<12) {plusHours=0}
	if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
	if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
	if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
	if (nowMinutes>=48) {var plusHours=360}
	imgHours.left=startLeft-(nowHours*90*5+plusHours)
	clipLeft=nowHours*90*5+plusHours
	clipRight=clipLeft+90
	imgHours.clip.left=clipLeft
	imgHours.clip.right=clipRight
	imgHours.clip.top=clipTop
	imgHours.clip.bottom=clipBottom
	if (nowSeconds!=0) {
		imgMinutes.left=startLeft-(nowMinutes*90)
		clipLeft=nowMinutes*90
		clipRight=clipLeft+90
		imgMinutes.clip.left=clipLeft
		imgMinutes.clip.right=clipRight
		imgMinutes.clip.top=clipTop
		imgMinutes.clip.bottom=clipBottom
	}
	imgSeconds.left=startLeft-(nowSeconds*90)
	clipLeft=nowSeconds*90
	clipRight=clipLeft+90
	imgSeconds.clip.left=clipLeft
	imgSeconds.clip.right=clipRight
	imgSeconds.clip.top=clipTop
	imgSeconds.clip.bottom=clipBottom

	var runClock = setTimeout("tickNS()", 100);
}

if (document.all) {
	document.write("<DIV ID='imgClock' STYLE='position:absolute;visibility:hidden'>[img]"+whichwatch+".gif[/img]</DIV>")
	document.write("<DIV ID='textDate' STYLE='position:absolute;visibility:hidden'></DIV>")
	document.write("<DIV ID='imgSeconds' STYLE='position:absolute;visibility:hidden'>[img]secondi.gif[/img]</DIV>")
	document.write("<DIV ID='imgHours' STYLE='position:absolute;visibility:hidden'>[img]ore.gif[/img]</DIV>")
	document.write("<DIV ID='imgMinutes' STYLE='position:absolute;visibility:hidden'>[img]minuti.gif[/img]</DIV>")
	document.write("<DIV></DIV>")
	document.close()
}

if (document.all) {
	window.onload=initObjects
}

poi ci sono delle immagini in gif per il quadrante e le lancette.
Questo script mostra un orologio analogico con quadrante rotondo e lancette.

**Xinod** · 06-08-2007, 12:35

qualcosa di piu' semplice l' hai provato?

**simone75** · 06-08-2007, 12:50

si questo:

codice:

<body onload="OrologioScorrevole()">
<div id="orologio"></div>
</body>

la funzione è questa:

codice:

<head>
<title>Script scaricato da www.mrwebmaster.it</title>
<style type="text/css">
#orologio
{
    text-align: Center;
    color: #FF0000;
    font: Bold 15px Verdana;
}
</style>
<script language="javascript">
function OrologioScorrevole()
{
    var data = new Date();
    var hh = data.getHours();
    var mm = data.getMinutes();
    var ss = data.getSeconds();
    var ora = hh + ":" + mm + ":" + ss;
    document.getElementById("orologio").innerText = ora;
    window.setTimeout("OrologioScorrevole()", 1000);
}
</script>
</head>

Anche questo funziona solo su explorer e non su firefox

**Xinod** · 06-08-2007, 13:40

il problema in quest ultimo e' solo innerText, cambialo in innerHTML e funzionera'

l' altro necessiterebbe di grosse modifiche

**simone75** · 07-08-2007, 09:22

Ok funziona....grazie mille!!

Discussione: Orologi su firefox non funzionano

Strumenti discussione

Ricerca discussione

Visualizza

Orologi su firefox non funzionano

Permessi di invio