"document.write" geht im Firefox nicht?!

awnetti

Mitglied
Hallo zusammen,

ich habe für eine Galerie ein Javascript mit dem man zwischen den Bilder vor und zurück blättern kann. Funktioniert im IE & FF soweit ganz gut.

Gleichzeitig soll sich die Nummerierung in der Überschrift ändern. Funktionier in IE sehr gut aber nicht im FF.

Ich vermute mal, dass das "document.write(i);" im Body das Problem ist. Oder ist irgendetwas anderes an dem Javascript nicht i.O. Der IE schluck ja bekanntlich viele Fehler.

Könnte bitte jemand mal drüberschauen, ich komme nicht drauf was falsch ist.

Hier das Javascript im Head:
Code:
<script type="text/JavaScript">
<!--

var i = 1;
//alert("Bild: " + i);
images = new Array    
images[1] = "pix/gal_abstrakt01.jpg"
images[2] = "pix/gal_abstrakt02.jpg"
images[3] = "pix/gal_abstrakt03.jpg"
  
function previmg(){    
if (i != 1){
	document.image1.src = images[i-1]
	i--        
	//alert("Bild: " + i);   
	}
if (i == 1){
if (document.getElementById){          
	document.getElementById("prev").style.display = "none";
	document.getElementById("next").style.display = "inline";    
	}    
else if (document.all){          
	document.all("prev").style.display = "none";
	document.all("next").style.display = "inline";    
	}    
else if (document.layers){
	document.layers("prev").style.display = "none";
	document.layers("next").style.display = "inline";   
	}
}
else {
if (document.getElementById){          
	document.getElementById("next").style.display = "inline";
	document.getElementById("prev").style.display = "inline";    
	}    
else if (document.all){          
	document.all("next").style.display = "inline";
	document.all("prev").style.display = "inline";   
	}    
else if (document.layers){
	document.layers("next").style.display = "inline";
	document.layers("prev").style.display = "inline";  
	}
}

document.getElementById("meinSatz").innerText = i;
}

function nextimg(){    
if (i != 6){
	document.image1.src = images[i+1]
	i++        
	//alert("Bild: " + i);  
	}
if (i == 6){
if (document.getElementById)    {          
	document.getElementById("next").style.display = "none";
	document.getElementById("prev").style.display = "inline";    
	}    
else if (document.all)    {          
	document.all("next").style.display = "none";
	document.all("prev").style.display = "inline";    
	}    
else if (document.layers)    {
	document.layers("next").style.display = "none";
	document.layers("prev").style.display = "inline";   
	}
}
else {
if (document.getElementById)    {          
	document.getElementById("next").style.display = "inline";
	document.getElementById("prev").style.display = "inline";    
	}    
else if (document.all)    {          
	document.all("next").style.display = "inline";
	document.all("prev").style.display = "inline";   
	}    
else if (document.layers)    {
	document.layers("next").style.display = "inline";
	document.layers("prev").style.display = "inline";  
	}
}
document.getElementById("meinSatz").innerText = i;
}

//-->
</script>

Hier der Quelltext im Body:
Code:
Abstrakt Nr.
<span id="meinSatz"> 
<script language="JavaScript">
<!--
document.write(i);
// -->
</script>
</span><br /> 
<img src="pix/gal_abstrakt01.jpg" name="image1" border="0">
<table width="36" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="18"><a href="#" id="prev" style="display:none;" onClick="previmg();return false;"><img src="pix/button_li.gif" border=0 width="16" height="16"></a></td>
    <td width="18"><a href="#" id="next" style="display:inline;" onClick="nextimg();return false;"><img src="pix/button_re.gif" border=0 width="16" height="16"></a></td>
  </tr>
</table>

Vielen Dank!
awnetti
 
Hi,

verwende statt innerText die Eigenschaft innerHTML.
Code:
document.getElementById("meinSatz").innerHTML= i;
Ciao
Quaese
 
Zurück