Alpi: onmouse-Funktion geht in keinem Browser, ausser in IE

Hallo in die Runde!

Ich bin "Neuling" in diesem Forum und kein html-Profi, da ich aber in der letzten Zeit immer öfter Dinge an meiner Website erfolgreich ändern konnte, möchte ich mein Wissen nicht ganz als "0" bezeichnen.

Dennoch, ich habe ein seltsames Problem:

Ich benötige die onmouse-Funktion, um Bilder beim Überfahren mit der Maus grösser werden zu lassen. Das klappt auch bei genau zwei Bildern, alle anderen zeigen keine Reaktion.

Kein Browser kann´s! Nur der blöde, alte IE schafft es. Wahrscheinlich, weil es Java ist. Leider habe ich nur mit diesem Script die gewünschte Funktion bekommen.

Hier der Code:

<script language="JavaScript" src="overlib.js" type="text/javascript"></script>
<map name="bild">
<area shape="rect" coords="0,131,88," onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; Laura Biagiotti Kampagne Berlin</strong><br><img src=images/laura_berlin01.jpg height=220 width=280 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="96,131,180," onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Sommerfest Stuttgart</strong><br><img src=images/sommerfest_backstage.jpg height=281 width=195 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="189,131,275" onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Autoschau Waiblingen</strong><br><img src=images/autoschau_waiblingen.jpg height=220 width=280 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="285,131,370" onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Laura Biagiotti Kampagne Berlin</strong><br><img src=images/laura_berlin02.jpg height=220 width=250 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="379,131,467" onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; Messe Stuttgart</strong><br><img src=images/messe_stuttgart01.jpg height=281 width=195 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="475,131,560" onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp;Incanto Konzert Böblingen</strong><br><img src=images/incanto_boeblingen.jpg height=281 width=195 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="0,265,88" onmouseover="return overlib('<strong> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; SI Centrum Stuttgart</strong><br><img src=images/si-centrum_stuttgart01.jpg height=281 width=195 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="96,265,180" onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Benefiz Veranstaltung Stadtlohn</strong><br><img src=images/benefiz_event_stadtlohn.jpg height=260 width=300 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="189,265,275" onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Messe Stuttgart</strong><br><img src=images/messe_stuttgart02.jpg height=281 width=195 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="285,265,370" onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; SI Centrum Stuttgart</strong><br><img src=images/si-centrum_stuttgart02.jpg height=281 width=195 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="379,265,467" onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp;T-Com Kampagne München</strong><br><img src=images/t-com-muenchen.jpg height=350 width=195 border=1 class=name/>');" onmouseout="nd();" alt="">
<area shape="rect" coords="475,265,560" onmouseover="return overlib('<strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; Sommerfest Stuttgart</strong><br><img src=images/sommerfest_stuttgart.jpg height=281 width=230 border=1 class=name/>');" onmouseout="nd();" alt="">
</map>

Kann mir jemand helfen?

Vielen Dank im voraus und herzliche Grüsse

  1. Kann mir jemand helfen?

    Na dann validiere das doch mal.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
  2. Hi there,

    Kann mir jemand helfen?

    Kann man nicht sagen, weil Du nicht verrätst, welchen Doctype Du verwendest, sprich, welche (X)HTML-Version das sein soll. Widersprüchlich ist vor allem, daß Du die Attribute nicht in Anführungszeichen setzt, den image-Tag aber mit / abschliesst. Da passt irgendetwas nicht zusammen. Das muss aber mit Deinem Problem noch nicht einmal etwas zu tun haben, anyway, aus dem Angaben von lediglich der Image-Map kann man nicht erkennen, warum es nicht funktioniert...

    1. Guten Morgen!

      Kann mir jemand helfen?

      Kann man nicht sagen, weil Du nicht verrätst, welchen Doctype Du verwendest, sprich, welche (X)HTML-Version das sein soll. Widersprüchlich ist vor allem, daß Du die Attribute nicht in Anführungszeichen setzt, den image-Tag aber mit / abschliesst. Da passt irgendetwas nicht zusammen. Das muss aber mit Deinem Problem noch nicht einmal etwas zu tun haben, anyway, aus dem Angaben von lediglich der Image-Map kann man nicht erkennen, warum es nicht funktioniert...

      Wie gesagt, ich bin hier kein Profi und habe nicht genug Tiefenwissen, als dass ich genug wüsste, wie und was ich angeben muss, damit man daran auch arbeiten kann. Sorry!

      Hier der Kopf dieser Seite:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
      <head>
      <title>Referenzen - Alexander Perlick - Freier Moderator aus Stuttgart</title>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
      <meta name="author" content="brand42">
      <meta name="publisher" content="Alexander Perlick">
      <meta name="description" content="Moderator und Sprecher Alexander Perlick aus Stuttgart. Referenzen zu Eventmoderationen, Messepr&auml;sentationen, B&uuml;hne und TV.">
      <meta name="keywords" content="Alexander Perlick, Moderator, Conferencier, Sprecher, Schauspieler, TV, Gala, Event, Messe">
      <meta name="page-topic" content="Fernsehen,TV, Radio, Moderation, Moderator, Sprecher">
      <meta name="page-type" content="information">
      <meta name="robots" content="index, follow">
      <meta name="allow-search" content="yes">
      <meta name="audience" content="all">
      <meta name="robots" content="all">
      <meta name="distribution" content="global">

      <meta name="revisit-after" content="30 days">
      <meta name="language" content="de, deutsch, german">
      <meta name="date" content="2010-01">
      <style type="text/css">
      table {
       font-family: verdana;
       font-size: 11;
       color: #ffffff;
      }
      b {
       font-family: verdana;
       font-size: 22;
       color: #eF8900;
       letter-spacing:2;
       font-weight:normal;
      }
      a {
       font-family: verdana;
       font-size: 11;
       color: #FFFFFF;
       text-decoration: none;
      }

      </style>
      </head>

      Vielen Dank nochmal für die Mühe.

      1. Mahlzeit Alpi,

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

        Dieser Dokumenttyp ist leider nicht ganz vollständig - siehe das Kapitel "http://de.selfhtml.org/http://bbsi/selfhtml/html/allgemein/grundgeruest.htm#dokumenttyp@title=Dokumenttyp-Deklaration" in SELFHTML.

        Ansonsten bin ich auch Klawischniggs Ansicht, dass das Problem im unsauberen Code, gemischt mit unsauberer Deklaration und problematischen Schrägstrichen im Javascript-Code zu suchen ist ...

        MfG,
        EKKi

        --
        sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
        1. Hallo EKKi!

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

          Dieser Dokumenttyp ist leider nicht ganz vollständig - siehe das Kapitel "http://de.selfhtml.org//html/allgemein/grundgeruest.htm#dokumenttyp@title=Dokumenttyp-Deklaration" in SELFHTML.

          Link korrigiert... dort liest man:

          »Ferner enthält die Dokumenttyp-Deklaration die Web-Adresse der Dokumenttyp-Definition (DTD). Die Angabe dieser Adresse ist nicht zwingend nötig. Eine Angabe wie:
                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          ist also ebenfalls erlaubt.«

          Viele Grüße aus Frankfurt/Main,
          Patrick

          --
          _ - jenseits vom delirium - _

             Diblom   [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
          Achtung Agentur! | Nichts ist unmöglich? Doch! | Heute schon gegökt?
          1. Mahlzeit Patrick Andrieu,

            »Ferner enthält die Dokumenttyp-Deklaration die Web-Adresse der Dokumenttyp-Definition (DTD). Die Angabe dieser Adresse ist nicht zwingend nötig. Eine Angabe wie:
                  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
            ist also ebenfalls erlaubt.«

            Das ist richtig - schickt aber meines Wissens nach den IE6 in den Quirksmode ... könnten das die anwesenden Spezialisten bitte mal bestätigen oder korrigieren?

            MfG,
            EKKi

            --
            sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
            1. [latex]Mae  govannen![/latex]

              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
              ist also ebenfalls erlaubt.«

              Das ist richtig - schickt aber meines Wissens nach den IE6 in den Quirksmode ... könnten das die anwesenden Spezialisten bitte mal bestätigen oder korrigieren?

              Bin kein Experte .. aber laut dieser Doctype-Beschreibung Quirkst es gewaltig.

              Cü,

              Kai

              --
              Even if you are a master of jQuery, you can only create mediocre (at best)
              scripts. The problem is that the authors you rely on have not mastered the
              DOM themselves. It's like one blind guy leading another off a cliff (D.Mark/clj)
              Foren-Stylesheet Site Selfzeug JS-Lookup
              SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:?
              1. Mahlzeit Kai345,

                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                ist also ebenfalls erlaubt.«

                Das ist richtig - schickt aber meines Wissens nach den IE6 in den Quirksmode ... könnten das die anwesenden Spezialisten bitte mal bestätigen oder korrigieren?

                Bin kein Experte .. aber laut dieser Doctype-Beschreibung Quirkst es gewaltig.

                Jetzt habe ich auch <http://de.selfhtml.org/css/formate/box_modell.htm#doctype_switch@title=die Stelle in SELFHTML> gefunden, wo genau dieses Verhalten beschrieben ist ... hat mich mein Sieb im Kopf also doch nicht getrügt.

                MfG,
                EKKi

                --
                sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
            2. Hallo EKKi!

              schickt aber meines Wissens nach den IE6 in den Quirksmode

              Das Gegenteil habe ich nicht behauptet, nur... wenn Du schreibst, dass der Doctype unvollständig ist, obwohl die Variante nicht falsch ist, kannst Du dem OP auch mitteilen, warum!

              Viele Grüße aus Frankfurt/Main,
              Patrick

              --
              _ - jenseits vom delirium - _

                 Diblom   [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
              Achtung Agentur! | Nichts ist unmöglich? Doch! | Heute schon gegökt?
              1. Mahlzeit Patrick Andrieu,

                Das Gegenteil habe ich nicht behauptet, nur... wenn Du schreibst, dass der Doctype unvollständig ist, obwohl die Variante nicht falsch ist, kannst Du dem OP auch mitteilen, warum!

                Sicher kann ich das - allerdings war ich mir 1. nicht mehr richtig vollständig sicher und 2. hatte ich die Stelle, wo das in SELFHTML steht, nicht so schnell gefunden (siehe mein Beitrag).

                MfG,
                EKKi

                --
                sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
  3. Ich benötige die onmouse-Funktion, um Bilder beim Überfahren mit der Maus grösser werden zu lassen. Das klappt auch bei genau zwei Bildern, alle anderen zeigen keine Reaktion.

    Auch die Fehlerkonsole ist leer? Das glaube ich nicht.

    Kein Browser kann´s! Nur der blöde, alte IE schafft es. Wahrscheinlich, weil es Java ist. Leider habe ich nur mit diesem Script die gewünschte Funktion bekommen.

    Nein, es ist kein Java, es ist Javascript.

    Struppi.

    1. Hallo zusammen!

      Erstmal vielen Dank Euch allen für die Mühen und die Antworten.

      Dieser Dokumenttyp ist leider nicht ganz vollständig - siehe das Kapitel "Dokumenttyp-Deklaration" in  SELFHTML.

      Bin kein Experte .. aber laut dieser Doctype-Beschreibung Quirkst es gewaltig.

      Alle Hinweise auf den Doctype habe ich gelesen und überprüft. Eigentlich hatte es grade im IE 6.0 keine Probleme gegeben.

      Die Slashes, wie von Klawischnigg angemerkt, habe ich entfernt und die Codes etwas überarbeitet, um „Widersprüche“ zu klären.

      Die Seite habe ich auch im W3C-Validator geprüft, und "nur" 2 kleine Fehler entdeckt, aber nicht hierauf bezogen!

      Dieser Hinweis jedoch hatte es aber am meisten gebracht(Danke Struppi!):

      Auch die Fehlerkonsole ist leer? Das glaube ich nicht.

      Ich kannte die Fehlerkonsole als solches nicht, habe diese aber gesucht, gefunden, geöffnet und, siehe da, auch den Fehler lokalisiert.

      Da ich einfach zu ungeübt in der html-Welt bin, hatte ich versehentlich die "Koordinaten völlig vertauscht" ...

      Jetzt fluppt alles: http://www.alexander-perlick.de/referenzen.html

      Grüsse und nochmals ganz herzlichen Dank

      Alex