Lisa: Mouseover

SELF-Forum

Mouseover

Lisa
– Informationen zu den Bewertungsregeln

Hallo alle miteinander ;)
Ich habe versucht mit Javascript ein Scirpt zu schreiben dass ein Bild wenn ich mit der Maus darüber fahre in ein anderes "verwandelt".
Mein Problem ist nur ... ich bekomme immer nur Fehlermeldungen.

Wenn ich in der Vorschau anzeige wechsle kommt als erstes einmal der Fehler: "Bezeichner erwartet"
Sobald ich dann mit der Maus über das Bild fahre kommt: "Objekt erwartet"

Leider kenne ich mich mit Javascript noch nicht besonders gut aus und komm daher nicht dahinter was mit meinem Script nicht passt.

Hier ist mein Script:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>p</title>
<script>

Homeinaktiv = new Image; Homeinaktiv.src = "Home1.gif";
Homeaktiv = new Image; Homeaktiv.src = "Homehell.gif";

function MouseOverRoutine('Homebutton')
{
if (Homebutton=="Home")
{document.Home.src = Homeaktiv.src;}
}

function MouseOutRoutine('Homebutton')
{
if (Homebutton=="Home")
{document.Home.src = Homeinaktiv.src;}
}

</script>
<meta name="Microsoft Border" content="none">
</head>

<body background="stars.gif">

<p align="center">p;</p>
<p align="center">
<a href="index.htm" onmouseover="MouseOverRoutine('Homebutton')" onmouseout="MouseOutRoutine('Homebutton')">
<img border="0" src="Home1.gif" name="Home" width="144" height="163"></a></p>
<p align="center">&nbsp;</p>
<p align="center">
&nbsp;</p>

<p align="center"><span style="position: absolute; left: 419; top: 273">
</span><span style="position: absolute; left: 426; top: 179">
<span style="position: absolute; left: 1; top: -2">&nbsp;</body></html>

Vielleicht kann mir irgendjemand helfen.

Danke im voraus ;)

LG!
Lisa

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Mouseover

    guest00534&45x$5x
    +1 Informationen zu den Bewertungsregeln

    Homeinaktiv = new Image; Homeinaktiv.src = "Home1.gif";
    Homeaktiv = new Image; Homeaktiv.src = "Homehell.gif";

    function MouseOverRoutine('Homebutton')

    In den Klammern kommen nur Variablen also ohne ''! sonst wäre es ein string

    {
    if (Homebutton=="Home")

    wozu diese Abfrage??? weg damit!

    {document.Home.src = Homeaktiv.src;}
    }

    function MouseOutRoutine('Homebutton')
    {
    if (Homebutton=="Home")
    {document.Home.src = Homeinaktiv.src;}
    }

    </script>
    <a href="index.htm" onmouseover="MouseOverRoutine('Homebutton')" onmouseout="MouseOutRoutine('Homebutton')">

    <img border="0" src="Home1.gif" name="Home" width="144" height="163"></a></p>

    Also im großen und ganzen: lass einfach die if-schleife weg:

    function MouseOverRoutine() {
      document.Home.src = Homeaktiv.src;
    }
    function MouseOutRoutine() {
      document.Home.src = Homeinaktiv.src;
    }

    und:

    <a href="index.htm" onmouseover="MouseOverRoutine()" onmouseout="MouseOutRoutine()">
    <img border="0" src="Home1.gif" name="Home" width="144" height="163"></a></p>

    fertig!

    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

  2. Mouseover

    Axel Richter
    – Informationen zu den Bewertungsregeln

    Hallo,

    Wenn ich in der Vorschau anzeige wechsle kommt als erstes einmal der Fehler: "Bezeichner erwartet"
    Sobald ich dann mit der Maus über das Bild fahre kommt: "Objekt erwartet"

    Leider kenne ich mich mit Javascript noch nicht besonders gut aus und komm daher nicht dahinter was mit meinem Script nicht passt.

    Hier ist mein Script:

    <html>

    <head>
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>p</title>
    <script>

    ^Bitte gib hier den Content-Type des Scriptes an http://de.selfhtml.org/javascript/intro.htm#javascriptbereiche

    Homeinaktiv = new Image; Homeinaktiv.src = "Home1.gif";
    Homeaktiv = new Image; Homeaktiv.src = "Homehell.gif";

    function MouseOverRoutine('Homebutton')

    ^Bezeichner erwartet! Hier wird ein Variablenname erwartet, kein String.
    Besser:
    function MouseOverRoutine(Homebutton)

    {
    if (Homebutton=="Home")
    {document.Home.src = Homeaktiv.src;}
    }

    function MouseOutRoutine('Homebutton')

    ^Bezeichner erwartet! Hier wird ein Variablenname erwartet, kein String.
    Besser:
    function MouseOutRoutine(Homebutton)

    {
    if (Homebutton=="Home")
    {document.Home.src = Homeinaktiv.src;}
    }

    </script>
    <meta name="Microsoft Border" content="none">
    </head>

    <body background="stars.gif">

    <p align="center">p;</p>
    <p align="center">
    <a href="index.htm" onmouseover="MouseOverRoutine('Homebutton')" onmouseout="MouseOutRoutine('Homebutton')">

    Du übergibst hier den Funktionen jeweils den String "Homebutton", fragst aber in den Funktionen jeweils nach "Home".
    Besser:
    <a href="index.htm" onmouseover="MouseOverRoutine('Home')" onmouseout="MouseOutRoutine('Home')">

    <img border="0" src="Home1.gif" name="Home" width="144" height="163"></a></p>

    viele Grüße

    Axel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln