Steffen Kuntoff: Prob mit nem JavaScript(Mouseover)

Hallo Leute!
Ich hab folgendes Problem: Ich habe den unteren Code von einem Member gesehen und etwas angepasst(Umgestellt auf Bilder)
Aber bei "onmouseover="info('<img scr="img/status2.gif">');" " kommen dann Fehler, wie kann ich dort nun eine Grafik einbinden?

Liebe Grüße,
Steffen Kuntoff

<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
function info(x) {
 if (document.getElementById) {
  document.getElementById("info").firstChild.nodeValue = x;
 }
}
//-->
</script>
<STYLE type="text/css">
      img{border-width:0px}
</STYLE>
<a href="kontakt.htm" onmouseover="info('<img scr="img/status2.gif">');" onmouseout="info('')"><img src="img/link_2.gif"></a>
<p id="info"> </p>
</body>
</html>

  1. Hi,

    onmouseover="info('<img scr="img/status2.gif">');"

    ^dieses " schließt den gesamten String!
    Du solltest nur 'status2.gif' als parameter übergeben und deine funktion ein wenig anpassen:

    document.getElementById("info").firstChild.nodeValue = x;

    ->document.getElementById("info").firstChild .nodeValue =
            '<img src="' + x + '">';

    Dann geht das ganze, zu mindest theoretisch.

    1. hi,

      [...seltsames entsorgt...]

      wie ein klassischer Bildwechsel geht findest Du in der hiesigen Doku:
      http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

      Dein Beispiel war urspruenglich wohl eher dazu da, Texte in div-layern zu manipulieren.

      hth + Gruss  Joachim

  2. versuchs mal so:

    function setze_rollover(Bildname) {
     document.images[Bildname].src= "+Bildname+"1.jpg";
     }

    onMouseOver="setze_rollover('Bilname');

    1. versuchs mal so:

      function setze_rollover(Bildname) {
      document.images[Bildname].src= "+Bildname+"1.jpg";
      }

      onMouseOver="setze_rollover('Bilname');

      Hmpf... nun ist der Code so:
      Aber es will immer noch nicht funktionieren mein 1stpage gibt mir allerhand codefehler aus :(

      Liebe Grüße,
      Steffen Kuntoff

      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">
      <html>
      <head>
      <title></title>
      </head>
      <body>
      <script type="text/javascript">
      <!--
      function setze_rollover(Bildname) {
       document.images[Bildname].src= "+Bildname+"1.jpg";
       }
      //-->
      </script>

      <a href="kontakt.htm" onmouseover="setze_rollover(Bilname); onmouseout="><img src="img/link_2.gif"></a>
      </body>
      </html>

      1. Hallihallo!
        Nach dem jetzigen Stand sieht der Bildname für das Skript so aus: +Bildname+.

        function setze_rollover(Bildname) {
        document.images[Bildname].src= "+Bildname+"1.jpg";

        ^^^^
        Probiers mal so:
         document.images[Bildname].src= ""+Bildname+"1.jpg";

        Ich hoffe, die kleine Änderung brints....

        Viele liebe Grüße,
        Der Dicki