[Javascript-PHP] immagini random non funziona su FIREFOX

[magidel]

Salve a tutti,
ho un problemino con Firefox.

Ho implementato uno script in una pagina PHP, precisamente un template di un CMS (lightneasy).
Questo script mi serve per avere immagini random ogni 5 secondi. Di seguito lo script prima dell'HEAD:

Codice PHP:

<!-- -------------------Immagini random intervallo secondi -->
<script language="JavaScript">

function random ()
{
 document.getElementById ("loading").style.display = "none"
 var dati = new Array ('img1', 'img2', 'img3', 'img4', 'img5')
 var numero = Math.floor (dati.length * Math.random ())
 for (var i = 0; i < dati.length; i++)
 document.getElementById (dati[i]).style.display = "none"
 document.getElementById (dati[numero]).style.display = "block"
}

function open1() {
var open1 = window.open('http://www.maleppeggio.it/papino.php');
}

function open2() {
var open2 = window.open('http://www.maleppeggio.it/dedo.php');
}

function open3() {
var open3 = window.open('http://www.maleppeggio.it/luca.php');
}

function open4() {
var open4 = window.open('http://www.maleppeggio.it/freak.php');
}

function open5() {
var open5 = window.open('http://www.maleppeggio.it/mantix.php');
}

</script>
<!-- --------------------------------------------------- --> 


e quest'altro nel BODY:

Codice PHP:

<!-- -------------------Immagini random intervallo secondi -->
<body onload="setInterval('random()',5000)">

<p id="loading" style="display: none;">Loading...</p>


<a id="img1" style="display: block;" href="javascript:open1()" target="_parent">
<img height="278" width="200" border="0" src="./random/Andrea-200.gif"/>
</a>

<a id="img2" style="display: none;" href="javascript:open2()" target="_parent">
<img height="278" width="200" border="0" src="./random/DeDo-200.gif"/>
</a>

<a id="img3" style="display: none;" href="javascript:open3()" target="_parent">
<img height="278" width="200" border="0" src="./random/Luca-200.gif"/>
</a>

<a id="img4" style="display: none;" href="javascript:open4()" target="_parent">
<img height="278" width="200" border="0" src="./random/Mario-200.gif"/>
</a>

<a id="img5" style="display: none;" href="javascript:open5()" target="_parent">
<img height="278" width="200" border="0" src="./random/Mantix-200.gif"/>
</a>

<!-- --------------------------------------------------------- --> 


Il problema è che su IE si vede tutto bene e lo script funziona (tranne la parte del TARGET...al posto di aprire nella stessa pagina, mi apre un'altra...ho provato anche _SELF, ma non funziona!!!).
Su Firefox, invece, non funziona lo script e per di più scompagina tutto il template.
Prima di aggiungere lo script si vedeva tutto bene.
Appena ho aggiunto questa funzione...tutto incasinato!

Devo forse cambiare qualcosa, aggiungere un'istruzione apposita per Firefox??

Grazie in anticipo!
Mario

[magidel]

Nessun suggerimento?

[magidel]

Da febbraio ad oggi nessuna novità.
Il problema permane anche con firefox 3.5.1

Un suggerimento?

[malocchio]

Consiglio divino, se non l'hai già fatto: installa web developer e firebug.
Vedi se danno qualche errore nell'esecuzione degli script o nel resto.

[zulutown]

consiglio usare framework Javascript come Jquery

[malocchio]

Non ho capito perché usi quelle funzioni open1-5(). Non puoi inserire l'indirizzo d aprire direttamente nell'href del link?