Javascript funktioniert nicht auf Firefox

g-mikee

Hi! Hab mir ne page gebastelt und muss feststellen, dass es auf firefox nicht läuft... Auf IE funzt alles wunderbar! Wo liegt der Fehler? Hab alles auf javascript basis gemacht, weil ich nicht weiß wie ich die imagemaps mit css verknüpfen kann. Ich will das die Bilder im bestimmten bereich (deshalb imagemaps) als links mit Bildwechsel beim hover fungieren. Hier der link: http://www.g-mikee.de/mike/
hier der code:

HTML

<html>
<head>
<title>_G-MiKeE_</title>




<script language="javascript">
<!--
                                                                    //ROLLOVER FUNCTIONS
function out(){
document.bm.src='Bilder/ballmiddle.jpg';
document.lt.src = 'Bilder/greenball.jpg';
document.lb.src = 'Bilder/redball.jpg';
document.rt.src = 'Bilder/orangeball.jpg';
document.rb.src = 'Bilder/purpleball.jpg'; }


function ball_lt(){
play();
document.bm.src = 'Bilder/ballmiddle_home.jpg';
document.lt.src = 'Bilder/greenball2.jpg';}


function ball_lb(){
play();
document.bm.src = 'Bilder/ballmiddle_bike.jpg';
document.lb.src = 'Bilder/redball2.jpg';}


function ball_rt(){
play();
document.bm.src = 'Bilder/ballmiddle_links.jpg';
document.rt.src = 'Bilder/orangeball2.jpg';}


function ball_rb(){
play();
document.bm.src = 'Bilder/ballmiddle_about.jpg';
document.rb.src = 'Bilder/purpleball2.jpg';}






                                                                 //SOUND FUNCTIONS
function play(){document.all.sound.src = "sounds/rolloverfx.mp3";}
function play2(){document.all.sound.src = "sounds/clickfx.mp3";}




                                                                  //BIKE FUNCTIONS
function bike(){document.all.sound.src = "sounds/clickfx.mp3";
parent.subframe.location='bike_sub.html'; parent.areaframe.location='bike.html';}


                                                                  //HOME FUNKTIONS
function home(){document.all.sound.src = "sounds/clickfx.mp3";
parent.subframe.location='links_sub.html';}


                                                                  //LINKZ FUNKTIONS
function linkz(){document.all.sound.src = "sounds/clickfx.mp3";
parent.subframe.location='links_sub.html';}


                                                                  //ABOUT ME FUNKTIONS
function linkz(){document.all.sound.src = "sounds/clickfx.mp3";
parent.subframe.location='home_sub.html';}














-->
</script>
<style type="text/css">
</style>


</head>
<body bgcolor="#000000" leftmargin="0" topmargin="20" marginwidth="0" marginheight="0">
<bgsound id="sound">




<map id="ball_right_top">
<area shape="circle" coords="24,29,14" href="aboutme.html" target="areaframe"
onFocus="this.blur()" OnMouseOver="ball_rt()" onMouseOut="out()"  onClick="linkz()">
</map>




<map id="ball_left_top">
<area shape="circle" coords="22,46,13" href="aboutme.html" target="areaframe"
onFocus="this.blur()" OnMouseOver="ball_lt()" onMouseOut="out()" onClick="home()">
</map>




<map id="ball_right_bottom">
<area shape="circle" coords="21,30,14" href="aboutme.html" target="areaframe"
onFocus="this.blur()" OnMouseOver="ball_rb()" onMouseOut="out()">
</map>




<map id="ball_left_bottom">
<area shape="circle" coords="21,24,13" href="aboutme.html" target="areaframe"
onFocus="this.blur()" OnMouseOver="ball_lb()" onMouseOut="out()" onClick="bike()">
</map>










<div id="tabelle" name="tabelle">
<table width="750" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td rowspan="2">
			[img]Bilder/topleft1.jpg[/img]</td>
		<td>
			[img]Bilder/topleft2.jpg[/img]</td>
		<td colspan="2">
			<div id="greenball">  [img]Bilder/greenball.jpg[/img]</div></td>
		<td colspan="2" rowspan="2">
			[img]Bilder/topleft4.jpg[/img]</td>
		<td rowspan="2">
			<div id="mitte"> [img]Bilder/ballmiddle.jpg[/img]</div></td>
		<td rowspan="2">
			[img]Bilder/topright2.jpg[/img]</td>
		<td colspan="2">
			[img]Bilder/orangeball.jpg[/img]</td>
		<td rowspan="2">
			[img]Bilder/topright1.jpg[/img]</td>
	</tr>

  <tr>
		<td>
			[img]Bilder/redball.jpg[/img]</td>
		<td colspan="2">
			[img]Bilder/topleft3.jpg[/img]</td>
		<td colspan="2">
			[img]Bilder/purpleball.jpg[/img]</td>
	</tr>
</table>
</div>












<table width="750" border="0" cellpadding="0" cellspacing="0" align="center">	
	<tr>
		<td width="225" height="75">                                                       
		<iframe name="subframe" frameborder="0" width="100%" height="100%" src="links_sub.html" scrolling="no" framespacing="0"></iframe>
      </td>
		<td>
			[img]Bilder/toparea.jpg[/img]</td>
	</tr>
</table>










<table width="750" border="0" cellpadding="0" cellspacing="0" align="center">	
	<tr>
		<td colspan="3">
			[img]Bilder/leftarea.jpg[/img]</td>
		<td colspan="6" width="540" height="265">                                          
		<iframe name="areaframe" frameborder="0" width="100%" height="100%" src="aboutme.html" scrolling="no" framespacing="0"></iframe>
			</td>
		<td colspan="2">
			[img]Bilder/rightarea.jpg[/img]</td>
	</tr>
</table>




</body>
</html>

Alles anzeigen

Torty

Ganz einfach, weil der Firefox, wie alle anderen Browser, außer IE + Opera, die so genannte ALL-Collection nicht kennen. Das ist MS-spezifisch.
Für W3C-Browser musst du z.B. getElementById verwenden.

Mach dich ein wenig schlau über DHTML, dann wird dir alles klar.

g-mikee

So funzt es zwar auch im IE aber wieder nicht im FF. Ich glaub das Problem liegt woanders... der scheint garnicht die maps zu erkennen, da er das ganze Bild und nich die Kugel als link sieht... Was is da bloß falsch?

Torty

Also du musst dein JS so anpassen, dass die unterschiedlichen Browser die JS-Sequenzen bekommen, die sie auch verstehen. Bsp.weise kannst du alle Browser die die ALL-Collection besitzen so ansprechen

Code

function play(){
  if (document.all) 
    document.all.sound.src = "sounds/rolloverfx.mp3";
  else
    if (document.getElementById())
      document.getElementById("sound").src="sounds/rolloverfx.mp3";
    else
      // Code für alte Browser
}

So in etwa... Ob dieses Script dann läuft is auch erstmal egal. Es geht darum, dass du siehst, wie man Browser ansprechen kann.

Javascript funktioniert nicht auf Firefox

Tags

Benutzer online in diesem Thema