Ergebnis 1 bis 4 von 4

Thema: Javascript funktioniert nicht auf Firefox

  1. #1
    g-mikee
    Gast

    Standard Javascript funktioniert nicht auf Firefox

    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: www.g-mikee.de/mike/
    hier der code:
    Code:
    <html>
    <head>
    <title>_G-MiKeE_</title>
    
    
    <script language="javascript">
    <!--
                                                                        //ROLLOVER FUNCTIONS
    function out&#40;&#41;&#123;
    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'; &#125;
    
    function ball_lt&#40;&#41;&#123;
    play&#40;&#41;;
    document.bm.src = 'Bilder/ballmiddle_home.jpg';
    document.lt.src = 'Bilder/greenball2.jpg';&#125;
    
    function ball_lb&#40;&#41;&#123;
    play&#40;&#41;;
    document.bm.src = 'Bilder/ballmiddle_bike.jpg';
    document.lb.src = 'Bilder/redball2.jpg';&#125;
    
    function ball_rt&#40;&#41;&#123;
    play&#40;&#41;;
    document.bm.src = 'Bilder/ballmiddle_links.jpg';
    document.rt.src = 'Bilder/orangeball2.jpg';&#125;
    
    function ball_rb&#40;&#41;&#123;
    play&#40;&#41;;
    document.bm.src = 'Bilder/ballmiddle_about.jpg';
    document.rb.src = 'Bilder/purpleball2.jpg';&#125;
    
    
    
                                                                     //SOUND FUNCTIONS
    function play&#40;&#41;&#123;document.all.sound.src = "sounds/rolloverfx.mp3";&#125;
    function play2&#40;&#41;&#123;document.all.sound.src = "sounds/clickfx.mp3";&#125;
    
    
                                                                      //BIKE FUNCTIONS
    function bike&#40;&#41;&#123;document.all.sound.src = "sounds/clickfx.mp3";
    parent.subframe.location='bike_sub.html'; parent.areaframe.location='bike.html';&#125;
    
                                                                      //HOME FUNKTIONS
    function home&#40;&#41;&#123;document.all.sound.src = "sounds/clickfx.mp3";
    parent.subframe.location='links_sub.html';&#125;
    
                                                                      //LINKZ FUNKTIONS
    function linkz&#40;&#41;&#123;document.all.sound.src = "sounds/clickfx.mp3";
    parent.subframe.location='links_sub.html';&#125;
    
                                                                      //ABOUT ME FUNKTIONS
    function linkz&#40;&#41;&#123;document.all.sound.src = "sounds/clickfx.mp3";
    parent.subframe.location='home_sub.html';&#125;
    
    
    
    
    
    
    
    -->
    </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&#40;&#41;" OnMouseOver="ball_rt&#40;&#41;" onMouseOut="out&#40;&#41;"  onClick="linkz&#40;&#41;">
    </map>
    
    
    <map id="ball_left_top">
    <area shape="circle" coords="22,46,13" href="aboutme.html" target="areaframe"
    onFocus="this.blur&#40;&#41;" OnMouseOver="ball_lt&#40;&#41;" onMouseOut="out&#40;&#41;" onClick="home&#40;&#41;">
    </map>
    
    
    <map id="ball_right_bottom">
    <area shape="circle" coords="21,30,14" href="aboutme.html" target="areaframe"
    onFocus="this.blur&#40;&#41;" OnMouseOver="ball_rb&#40;&#41;" onMouseOut="out&#40;&#41;">
    </map>
    
    
    <map id="ball_left_bottom">
    <area shape="circle" coords="21,24,13" href="aboutme.html" target="areaframe"
    onFocus="this.blur&#40;&#41;" OnMouseOver="ball_lb&#40;&#41;" onMouseOut="out&#40;&#41;" onClick="bike&#40;&#41;">
    </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>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiserliche Hoheit
    Registriert seit
    22.02.2005
    Beiträge
    1.558
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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.
    "Carpe Diem" powered by positiv Feelings

  3. #3
    g-mikee
    Gast

    Standard hmmm

    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?

  4. #4
    Kaiserliche Hoheit
    Registriert seit
    22.02.2005
    Beiträge
    1.558
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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&#40;&#41;&#123;
      if &#40;document.all&#41; 
        document.all.sound.src = "sounds/rolloverfx.mp3";
      else
        if &#40;document.getElementById&#40;&#41;&#41;
          document.getElementById&#40;"sound"&#41;.src="sounds/rolloverfx.mp3";
        else
          // Code für alte Browser
    &#125;
    So in etwa... Ob dieses Script dann läuft is auch erstmal egal. Es geht darum, dass du siehst, wie man Browser ansprechen kann.
    "Carpe Diem" powered by positiv Feelings

Ähnliche Themen

  1. homepage funktioniert in firefox nicht
    Von behindcrimetape im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 22.09.2007, 18:57
  2. warum funktioniert das Javascript nicht??
    Von randyorton im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 10
    Letzter Beitrag: 28.08.2006, 02:05
  3. fenster schliessen funktioniert nicht (javascript)
    Von beamer im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.04.2006, 15:57
  4. JavaScript-Problem: RollOver funktioniert nicht im firefox
    Von BazenPe im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 14.09.2005, 09:39
  5. Webseite funktioniert mit FireFox nicht!
    Von WaterFox im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 30.07.2005, 20:25

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •