+ Antworten
Ergebnis 1 bis 3 von 3

Thema: MouseOver button immer over zustand

  1. #1
    TP-Senior html'er macht alles soweit korrekt Avatar von html'er
    Registriert seit
    Mar 2002
    Beiträge
    121

    MouseOver button immer im over zustand

    Hallo tp'ler!

    Wenn ich über meinen button mit der maus darüber
    bin verändert sich der button so wie ich es haben
    will.Nur wenn ich den Mauszeiger wieder wegschiebe
    vom button bleibt der over zustand.Woran liegt
    das?

    [code]
    <html>
    <head>
    <title></title>
    Code:
    <Script language="javascript">
    <!--
    name=navigator.appName;
    vers=parseFloat(navigator.appVersion);
    
    if (name == "Netscape" && vers >= 3.0)
    {
    schalter='true';
    }
    else if (name == "Microsoft Internet Explorer" && vers >= 4.0)
    {
    schalter='true';
    }
    else
    {
    schalter='false';
    }
    
    if (schalter=='true')
    {
    email=new Image(); email.src="../gfx/interface/emailoben.gif";
    emailover=new Image(); emailover.src="../gfx/interface/emailobenover.gif";
    
    board=new Image(); board.src="../gfx/interface/boardoben.gif";
    boardover=new Image(); boardover.src="../gfx/interface/boardobenover.gif";
    
    home=new Image(); home.src="../gfx/interface/homeoben.gif";
    homeover=new Image(); homeover.src="../gfx/interface/homeobenover.gif";
    }
    
    function imageover(img, ref)
    {
    if (schalter == 'true')
    {
    document.images[img].src=ref;
    }
    }
    
    function imageout(img, ref)
    {
    if (schalter == 'true')
    {
    document.images[img].src=ref;
    }
    }
    </head>
    <body>
    <a href="../interaktiv/kontakt.php" onMouseOut="imageout('email', email.src);" onMouseOver="imageover('email', emailover.src);">
    <img src="../gfx/interface/emailoben.gif" width="86" height="26" border="0" name="email" alt=""></a>
    
    <a href="../interaktiv/board.php" onMouseOver="imageover('board', boardover.src);" onMouseOut="imageout('board', board.src);">
    <img src="../gfx/interface/boardoben.gif" width="87" height="26" border="0" name="board" alt=""></a>
    
    <a href="../index2.php" onMouseOver="imageover('home', homeover.src);" onMouseOut="imageout('home', home.src);">
    <img src="../gfx/interface/homeoben.gif" width="86" height="26" border="0" name="home" alt=""></a>
    </body>
    </html>
    Geändert von html'er (07.10.2003 um 21:15 Uhr)

  2. #2
    TP-Senior Karsten Müller ist auf einem guten Weg
    Registriert seit
    Aug 2003
    Ort
    Dresden
    Beiträge
    248
    Guten Tag.

    Du definierst neue Objekte mittels "new Image()" mit den gleichen Namen, wie die die Images im Body. Das kann nicht gut gehen. Ändere mal den Code wie folgt (rot markiert) und teste es anschließend mal.
    Code:
    <a href="../interaktiv/kontakt.php" onMouseOut="imageout('img_email', email.src);" onMouseOver="imageover('img_email', emailover.src);">
    <img src="../gfx/interface/emailoben.gif" width="86" height="26" border="0" name="img_email" alt=""></a>
    
    <a href="../interaktiv/board.php" onMouseOver="imageover('img_board', boardover.src);" onMouseOut="imageout('img_board', board.src);">
    <img src="../gfx/interface/boardoben.gif" width="87" height="26" border="0" name="img_board" alt=""></a>
    
    <a href="../index2.php" onMouseOver="imageover('img_home', homeover.src);" onMouseOut="imageout('img_home', home.src);">
    <img src="../gfx/interface/homeoben.gif" width="86" height="26" border="0" name="img_home" alt=""></a>
    Jetzt sollte es funktionieren, oder?


    Beste Grüße . . . Karsten
    Der Anfang einer jeden Katastrophe ist eine besch...ne Vermutung.

    Klaviertransport gefällig? :-)

  3. #3
    TP-Senior html'er macht alles soweit korrekt Avatar von html'er
    Registriert seit
    Mar 2002
    Beiträge
    121
    Hi Karsten,

    danke vielmals!
    hat gleich auf anhieb geklapt.

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51