innerhtml con firefox

**melmar20** · 06-03-2008, 19:41

ragazzi innerHtml non funziona con Firefox , come posso rimpiazzarlo??

la riga di codice è la seguente:

codice:

document.getElementById("Top").innerHTML = "<img src=\"stretta_mano.jpg\" width=\"100%\" height=\"200px\">";}

Con Explorer funziona perfettamente , ma firefox no, come posso fare per far in modo che funzioni su entrambi i browser??

**cavicchiandrea** · 06-03-2008, 23:23

Deve funzionare. Verifica che nel documento vi sia il parametro ID "Top" firefox fa distinzione (giustamente) tra name e ID IE no.

**melmar20** · 07-03-2008, 01:31

si,si c'è!!ho controllato,non va comunque!!!!

cosa potrebbe essere??

**H5N1_Aviaria** · 07-03-2008, 01:58

Sarebbe possibile vedere tutto il codice (sia XHTML che Javascript)?
La palla di vetro l'ho ordinata, ma non è ancora arrivata!

**melmar20** · 07-03-2008, 02:08

Detto fatto!!

questo il javascript:

codice:

function link(id){

				if(id=="Professionisti"){
				top.frames.FrameCentrale.location.href ="Professionisti.html";
				document.getElementById("Top").innerHTML = "<img src=\"metodo_progettazione.jpg\" width=\"100%\" height=\"200px\">";}
				if(id=="HomePage"){
				top.frames.FrameCentrale.location.href = "./PaginaIniziale1/PaginaIniziale1/PaginaIniziale1.html";
				document.getElementById("Top").innerHTML = "<img src=\"bandiera_europa_04.jpg\" width=\"100%\" height=\"200px\">";}
				if(id=="Patner"){
				top.frames.FrameCentrale.location.href = "Patner.htm";
				document.getElementById("Top").innerHTML = "<img src=\"stretta_mano.jpg\" width=\"100%\" height=\"200px\">";}
				if(id=="Mission"){
				top.frames.FrameCentrale.location.href = "Mission.htm";
				document.getElementById("Top").innerHTML = "<img src=\"mission2.jpg\" width=\"100%\" height=\"200px\">";	}
				if(id=="Modulistica"){
				top.frames.FrameCentrale.location.href = "Modulistica.htm";
				document.getElementById("Top").innerHTML = "<img src=\"documenti.jpg\" width=\"100%\" height=\"200px\">";}
				if(id=="PaginaNews"){
				top.frames.FrameCentrale.location.href = "PaginaNews.htm";
				document.getElementById("Top").innerHTML = "<img src=\"news.jpg\" width=\"100%\" height=\"200px\">";}  
				if(id=="Links"){
				top.frames.FrameCentrale.location.href ="Links.htm";
			document.getElementById("Top").innerHTML = "<img src=\"link.jpg\" width=\"100%\" height=\"200px\">";}				
			
			}

questo HTML

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html><head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>index</title>



<script language="JavaScript" src="script.js">

</script>

</head>

<body style="background-color: rgb(33, 0, 127);">

<div id="Titolo" style="border: 0px solid rgb(0, 0, 0); position: absolute; top: 0px; left: 0px; width: 100%; height: 45px; z-index: 1; background-color: rgb(33, 0, 127);">

<a style="font-style: italic; font-size: 40px; color: white;">Selicati

&amp; Partners</a>

</div>

<div id="Top" style="border: 1px solid rgb(0, 0, 0); position: absolute; top: 45px; left: 0px; float: left; width: 100%; height: 200px;">

[img]bandiera_europa_04.jpg[/img]</div>

<div id="Trasparent" style="border: 1px solid rgb(0, 0, 0); opacity: 0.4;filter: alpha(opacity=40); background-color: rgb(255, 255, 255); position: absolute; left: 40px; float: left; width: 150px; z-index: 1; top: 116px; height: 83px;">

</div>

<div id="Menu" style="border: 1px solid rgb(0, 0, 0); background-color: rgb(33, 0, 153); position: absolute; top: 200px; left: 40px; width: 150px; float: left; height: 600px; z-index: 1;">

<table style="height: 184px; width: 150px;" id="frameSinistro" border="1" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td id="HomePage" onclick="link(this.id);" onmouseover="colora(this.id);" onmouseout="levaColore(this.id);" style="color: white; font-size: 15px; cursor: pointer;" align="left" bgcolor="#210099">Home</td>

</tr>

<tr>

<td id="Professionisti" onclick="link(this.id);" onmouseover="colora(this.id);" onmouseout="levaColore(this.id);" style="color: white; font-size: 15px; cursor: pointer;" align="left" bgcolor="#210099">Professionisti</td>

</tr>

<tr>

<td id="Patner" onclick="link(this.id);" onmouseover="colora(this.id);" onmouseout="levaColore(this.id);" style="color: white; font-size: 15px; cursor: pointer;" align="left" bgcolor="#210099">Collaborazioni</td>

</tr>

<tr>

<td id="Mission" onclick="link(this.id);" onmouseover="colora(this.id);" onmouseout="levaColore(this.id);" style="color: white; font-size: 15px; cursor: pointer;" align="left" bgcolor="#210099">Mission</td>

</tr>

<tr>

<td id="Modulistica" onclick="link(this.id);" onmouseover="colora(this.id);" onmouseout="levaColore(this.id);" style="color: white; font-size: 15px; cursor: pointer;" align="left" bgcolor="#210099">Modulistica</td>

</tr>

<tr>

<td id="Links" onclick="link(this.id);" onmouseover="colora(this.id);" onmouseout="levaColore(this.id);" style="color: white; font-size: 15px; cursor: pointer;" align="left" bgcolor="#210099">Links</td>

</tr>

<tr>

<td id="PaginaNews" onclick="link(this.id);" onmouseover="colora(this.id);" onmouseout="levaColore(this.id);" style="color: red; font-size: 15px; cursor: pointer;" align="left" bgcolor="#210099">News</td>

</tr>

</tbody>

</table>

</div>

<div id="Main" style="align: middle; border: 0px solid rgb(0, 0, 0); position: absolute; top: 250px; left: 190px; width: 80%; height: 600px; background-color: rgb(33, 0, 127);">

<iframe frameborder="0px" id="FrameCentrale" src="PaginaIniziale1/PaginaIniziale1/PaginaIniziale1.html" width="100%" height="100%"></iframe>

</div>



<div id="Down" style="align: middle; border: 2px solid rgb(0, 0, 0); position: absolute; top:800px; left: 0px; width: 100%; height: 40px; background-color: #FFFFFF; z-index: 1;">

</div>

</body></html>

Speriamo di riuscire a risolvere questo problema!!

**melmar20** · 07-03-2008, 11:51

nessuno sa darmi una mano per risolvere l'arcano???

**deleted_110** · 07-03-2008, 11:55

hai un link alla pagina completa?

**melmar20** · 07-03-2008, 12:01

eccolo qui:

http://micselicati.altervista.org/

Se lo apri prima con IE e poi con Firefox, noterai che differenza!!

**Xinod** · 07-03-2008, 12:07

guarda che l' errore e' prima e te lo dice la console
top.frames.FrameCentrale has no properties

fortuna che ti avevo detto qui
http://forum.html.it/forum/showthrea...5#post11455995
come cambiare pagina in un iframe!

**deleted_110** · 07-03-2008, 12:14

il problema e' su come richiami il frameCentrale, non sull'innerHTML

per IE name e ID di un oggetto sono in pratica la stessa cosa. Per FF no.

non uso mai i frames, per cui non sono un grande esperto ma prova al posto di

top.frames.FrameCentrale.location.href ="Professionisti.html";

a fare

document.getElementById("FrameCentrale").src ="Professionisti.html";

Discussione: innerhtml con firefox

Strumenti discussione

Ricerca discussione

Visualizza

innerhtml con firefox

Permessi di invio