Tob: onmouseover

Mein Problem ist, dass eine spezielle mouseover-Funktion nur mit dem MSIE funktioniert aber nicht mit Netscape. Wer lust hat mir zu helfen, antwortet mir und ich schicke ihm den Quellcode zu

  1. Mein Problem ist, dass eine spezielle mouseover-Funktion nur mit dem MSIE funktioniert aber nicht mit Netscape. Wer lust hat mir zu helfen, antwortet mir und ich schicke ihm den Quellcode zu

    Hallo Tob,

    <bissige Ironie>
    Ich finde es nett, dass Du Dein Problem so umfassend und erschoepfend beschreibst. Mit dieser Beschreibung und Deinem Angebot den Quellcode zu mailen hast Du Dich bemueht in dem Versuch den Geist dieses Forums, welches auch nur ueber E-Mail funktioniert, zu erfassen.
    </bissige Ironie>

    <Hilfsversuch>
    Vielleicht hast Du ja irgendetwas versucht, was zwar der IE schluckt, was aber der strengere Netsi zu Recht verweigert. Vergleiche mal das Select-Box-Handling einige Threads vorher.
    </Hilfversuch>

    <Erinnerung>
    Lies bitte mal die FAQ (http://www.teamone.de/selfaktuell/forumfaq.htm).
    </Erinnerung>

    Bis dann

    Michael N.

    1. hab schon alles probiert, was mir einfallen koennte, aber nichts klappt!!!!
      schon seit Tagen.....

      1. hab schon alles probiert, was mir einfallen koennte, aber nichts klappt!!!!
        schon seit Tagen.....

        Hallo Tob,

        nocheinmal, wenn du Hilfe willst, poste den relevanten Teil des Scriptes hier im Forum und dann kann man nachsehen wo der Fehler steckt.
        Außerdem schaue mal in die aktuellen Threads. Vielleicht steckt da schon die Antwort auf dein Problem.

        Antje

        1. <script LANGUAGE="JavaScript"><!--

          var globalNum = null;

          document.write('<MAP NAME="weinshop.map">');
          document.write('<area shape="rect" coords="0,20,68,35" href="weinshop.htm" target="Hauptframe" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');
          document.write('<area shape="rect" coords="69,20,120,35" href="galerie.htm" target="Hauptframe" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');
          document.write('<area shape="rect" coords="121,20,194,35" href="bestellung.htm" target="Hauptframe" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');
          document.write('<area shape="rect" coords="195,20,250,35" href="länder.htm" target="Hauptframe" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');
          document.write('<area shape="rect" coords="251,20,300,35" href="leute.htm" target="Hauptframe" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');
          document.write('<area shape="rect" coords="301,20,354,35" href="service.htm" target="Hauptframe" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');
          document.write('<area shape="rect" coords="355,20,412,35" href="kontakt.htm" target="Hauptframe" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');

          document.write('<area shape="rect" coords="0,0,412,19" " onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');

          // Anzahl vorhergehender Bilder (die nichts mit den Rollovers zu tun haben:

          n = 0;
              
            // Anti-flicker array
            
              onState = new MakeArray(1);
            
            // Bilderstatus array
            
                  offHomeNav = new MakeImgarray(1);
                 onHomeNav = new MakeImgarray(1);

          // home navigation, aus Zustaende

          offHomeNav[0].src = "images/menueleiste111.jpg";
                      
            
             // home navigation, an Zustaende

          onHomeNav[0].src = "images/menueleiste112.jpg";

          function MakeImgarray(n) {
          this.length = n;
          for (var i = 0; i<=n; i++) {

          this[i] = new Image();
            }
          }

          function MakeArray(n) {
          this.length = n;
          for (var i = 0; i<=n; i++) {

          this[i] = 0;
            }
          }

          function msover(num) {
          if (document.images) {
            onState[num] = 1;
            if (onHomeNav[num].src != "") {
             top.frames[0].document.images[num+n].src = onHomeNav[num].src;
             }
            }
          }

          function msout(num) {
          if (document.images) {
            onState[num] = 0;
            globalNum = num;
            if (offHomeNav[num].src != "") {
             setTimeout('if (!onState[globalNum]) top.frames[0].document.images[globalNum+n].src = offHomeNav[globalNum].src',1);
             }
            }
          }

          //--></script>

          1. <script LANGUAGE="JavaScript"><!--

            //--></script>

            Gut, ich schaue es mir mal an, aber eine Antwortgarantie gibt es nicht.
            Dich möchte ich bitten, die gewonnene Zeit zu nutzen und dich gründlichst mit der Forumsfaq zu beschäftigen.

            Dazu lies einige Beiträge aus den Threads, damit du ein Gefühl für den Umgang der Forumsbesucher untereinander bekommst.

            Viele Grüße

            Antje

          2. Hallo Tob,

            na siehst Du jetzt kann man sich Deinem Problem widmen und Du kriegst auch eine Antwort (Oh Wunder ;-) ).

            Ich hab mir jetzt einfach mal eine Zeile aus Deiner Imagemap vorgenommen, diese zitiert und dann nochmal veraendert hingeschrieben.

            Original:

            document.write('<area shape="rect" coords="0,20,68,35" href="weinshop.htm" target="Hauptframe" onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');

            Bearbeitete Version:
            document.write('<area shape="rect" coords="0,20,68,35" href="weinshop.htm" target="Hauptframe" onMouseover="msover(0);return true;" onMouseout="msout(0);return true;" >');

            Zum einen habe die Namen der Eventhandler der offiziellen Syntax angepasst, zum anderen habe ich ueberall ein ";return true;" eingefuegt. Zusaetzlich habe ich dann auch noch Deine doppelte Target-Angabe entfernt, die war auch etwas stoerend. Versuchs mal so.

            Bis dann
            Michael N.

            1. Hallo,
              ich bin Deinen Anweisungen gefolgt, leider hat es keine Änderung gegeben....ich fürchte langsam, daß es keine Lösung für mein Problem gibt: Hier ist nochmal der von mir durch Deine Hilfe geänderte relevante Script:
              <html>

              <head>
              <title></title>
              <base target="Inhalt">
              <script LANGUAGE="JavaScript"><!--

              var globalNum = null;

              // document.write('<area shape="rect" coords="0,20,68,35" href="weinshop.htm" target="Hauptframe" onMouseover="msover(0);return true;" onMouseout="msout(0);return true;" >');

              document.write('<MAP NAME="weinshop.map">');
              document.write('<area shape="rect" coords="0,20,68,35" href="weinshop.htm" target="Hauptframe" onMouseOver="msover(0);return true;" onMouseOut="msout(0);return true;" >');
              document.write('<area shape="rect" coords="69,20,120,35" href="galerie.htm" target="Hauptframe" onMouseOver="msover(0);return true;" onMouseOut="msout(0);return true;" >');
              document.write('<area shape="rect" coords="121,20,194,35" href="bestellung.htm" target="Hauptframe" onMouseOver="msover(0);return true;" onMouseOut="msout(0);return true;" >');
              document.write('<area shape="rect" coords="195,20,250,35" href="länder.htm" target="Hauptframe" onMouseOver="msover(0);return true;" onMouseOut="msout(0);return true;" >');
              document.write('<area shape="rect" coords="251,20,300,35" href="leute.htm" target="Hauptframe" onMouseOver="msover(0);return true;" onMouseOut="msout(0);return true;" >');
              document.write('<area shape="rect" coords="301,20,354,35" href="service.htm" target="Hauptframe" onMouseOver="msover(0);return true;" onMouseOut="msout(0);return true;" >');
              document.write('<area shape="rect" coords="355,20,412,35" href="kontakt.htm" target="Hauptframe" onMouseOver="msover(0);return true" onMouseOut="msout(0);return true;" >');

              document.write('<area shape="rect" coords="0,0,412,19" " onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');

              // Anzahl vorhergehender Bilder (die nichts mit den Rollovers zu tun haben:

              n = 0;
                  
                // Anti-flicker array
                
                  onState = new MakeArray(1);
                
                // Bilderstatus array
                
                      offHomeNav = new MakeImgarray(1);
                     onHomeNav = new MakeImgarray(1);

              // home navigation, aus Zustaende

              offHomeNav[0].src = "images/menueleiste111.jpg";
                          
                
                 // home navigation, an Zustaende

              onHomeNav[0].src = "images/menueleiste112.jpg";

              function MakeImgarray(n) {
              this.length = n;
              for (var i = 0; i<=n; i++) {

              this[i] = new Image();
                }
              }

              function MakeArray(n) {
              this.length = n;
              for (var i = 0; i<=n; i++) {

              this[i] = 0;
                }
              }

              function msover(num) {
              if (document.images) {
                onState[num] = 1;
                if (onHomeNav[num].src != "") {
                 top.frames[0].document.images[num+n].src = onHomeNav[num].src;
                 }
                }
              }

              function msout(num) {
              if (document.images) {
                onState[num] = 0;
                globalNum = num;
                if (offHomeNav[num].src != "") {
                 setTimeout('if (!onState[globalNum]) top.frames[0].document.images[globalNum+n].src = offHomeNav[globalNum].src',1);
                 }
                }
              }

              //--></script>
              </head>

              <body background="images/Frameecke331.JPG">
              <div align="right">

              <table border="0" cellpadding="0" cellspacing="0" width="70%">
                <tr>
                  <td width="50%"></td>
                  <td width="50%"><img border="0" height="36" src="images/menueleiste111.jpg"
                  useMap="#weinshop.map" width="413"></td>
                </tr>
              </table>
              </div>
              </body>
              </html>

              1. Hallo,
                ich bin Deinen Anweisungen gefolgt, leider hat es keine Änderung gegeben....ich fürchte langsam, daß es keine Lösung für mein Problem gibt: Hier ist nochmal der von mir durch Deine Hilfe geänderte relevante Script:

                Sorry, ich hatte nebenher vor lauter Baeumen (document.write-Zeilen) dann auch den Wald nicht mehr gesehen, den hat Antje aber gesehen http://www.teamone.de/selfaktuell/self_forum/23135.html, wobei meine Aenderungen durchaus keinen Fehler beinhalten. <Asche auf mein Haupt>Das ich das fehlende End-Tag uebersehen hab, ist unverzeihlich.</Asche auf mein Haupt>

                Bis dann
                Michael N.

          3. document.write('<area shape="rect" coords="0,0,412,19" " onMouseOver="msover(0)" onMouseOut="msout(0)" TARGET=_top>');

            hier fehlt ein href= und die Zeile document.write('</map>');

            ohne den abschließenden Tag akzeptiert der Navi die Map nicht als solche und damit kriegst du noch nicht mal eine Fehlermeldung, sondern nur ein Bild.

            Ich hoffe das hat dein Problem schon behoben. Ansonsten sich mit einer genauen Problembeschreibung noch einmal melden.

            Viele Grüße
            Antje