Markus T.: Buttons sollen sich nach Mausdruck verändern

SELF-Forum

Buttons sollen sich nach Mausdruck verändern

Markus T.
– Informationen zu den Bewertungsregeln

Hallo

Ich habe in SELFHTML zu meinem Problem leider nichts gefunden.
Und zwar habe diese Frage:

Also ich habe ein Menü, das aus Grafiken besteht. Wenn noch keine der Grafiken (Buttons) gedrückt worden sind, soll immer button1.gif angezeigt werden. Wenn man auf einen Button gedrückt hat, soll nun anstatt button1.gif button2.gif angezeigt werde. Wie mache ich das? Ich habe zwar in SELFHTML etwas mit CSS gefunden, aber das zeigt nur ein Beispiel, über Buttons, die beim darüberfahren gehighlited (schweres Wort ;-)) werden.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Buttons sollen sich nach Mausdruck verändern

    Orlando Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Ich habe in SELFHTML zu meinem Problem leider nichts gefunden.

    glaub' ich nicht ;)

    Also ich habe ein Menü, das aus Grafiken besteht.

    Hast du das alt- und title-Attribut verwendet? Wenn nicht, bitte nachholen.

    Wenn noch keine der Grafiken (Buttons) gedrückt worden sind, soll immer button1.gif angezeigt werden. Wenn man auf einen Button gedrückt hat, soll nun anstatt button1.gif button2.gif angezeigt werde. Wie mache ich das?

    Du nimmst

    http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

    und ersetzt "onmouseover" durch "onclick", so einfach kann das Leben sein.

    LG Orlando

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Buttons sollen sich nach Mausdruck verändern

    Thias
    – Informationen zu den Bewertungsregeln

    Hi!

    Wenn ich Dich recht verstanden habe, dann willst Du den Bildwechsel erst dann, wenn das Bild wirklich angeklickt wurde.
    Dafür gibt es den Befehl "onclick".
    Z.B.:

    <a href="DeinLinkzueinerSeite.htm" onClick="MM_swapImage('','','DerNamedesRolloverbildes.jpg',1)"><img src="DerNamedesBildesvordemanklicken.jpg" border="0"></a>

    Falls Du mit Dreamweaver MX arbeiten solltest, dann kannst Du die Eigenschaften eines Rollover-Bildes unter dem Menüpunkt "Window" / "Behaviors" (alternativ shift+F3 drücken) ändern.
    Im aufgehenden "Design"-Window kannst Du unter der Registerkarte "Behaviors" dann bei ausgewähltem Rolloverbild dessen Verhalten ändern.
    Aber vielleicht reicht Dir ja schon der Tipp mit dem onclick - Befehl :-)

    Gruß Thias

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Buttons sollen sich nach Mausdruck verändern

    Aleksej V.
    – Informationen zu den Bewertungsregeln

    Hí

    In Selfhtml http://selfhtml.teamone.de/javascript/beispiele/buttons.htm#hinweise

    source verändern:

    <html>
    <head>
    <title>Dynamische grafische Buttons</title>
    <script type="text/javascript">
    <!--
    Normal1 = new Image();
    Normal1.src = "button1.gif";     /* erste Standard-Grafik */
    Highlight1 = new Image();
    Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */

    Normal2 = new Image();
    Normal2.src = "button2.gif";     /* zweite Standard-Grafik */
    Highlight2 = new Image();
    Highlight2.src = "button2h.gif"; /* zweite Highlight-Grafik */

    Normal3 = new Image();
    Normal3.src = "button3.gif";     /* dritte Standard-Grafik */
    Highlight3 = new Image();
    Highlight3.src = "button3h.gif"; /* dritte Highlight-Grafik */

    /* usw. fuer alle weiteren zu benutzenden Grafiken */

    function Bildwechsel(Bildnr,Bildobjekt) {
     window.document.images[Bildnr].src = Bildobjekt.src;
    }
    //-->
    </script>
    <style type="text/css">
    <!--
    h1 { color:#6363A5; font-family:Arial,sans-serif; }
    p  { color:#000000; font-family:Arial,sans-serif; }
    -->
    </style>
    </head>
    <body bgcolor="#FFFFC0" background="buttonsback.gif" text="#000000">

    <table border="0" cellpadding="0" cellspacing="0"><tr>
    <td valign="top">

    // onMouseOver durch onMousedown ersetzen also:

    <a href="../../../index.htm"
       onMousedown="Bildwechsel(0,Highlight1)"
       onMouseOut="Bildwechsel(0,Normal1)"><img src="button1.gif"
       width="130" height="30" border="0" alt="Home"></a><br>
    <a href="../../../helferlein/index.htm"
       onMousedown="Bildwechsel(1,Highlight2)"
       onMouseOut="Bildwechsel(1,Normal2)"><img src="button2.gif"
       width="130" height="30" border="0" alt="Helferlein"></a><br>
    <a href="../../../layouts/index.htm"
       onMousedown="Bildwechsel(2,Highlight3)"
       onMouseOut="Bildwechsel(2,Normal3)"><img src="button3.gif"
       width="130" height="30" border="0" alt="Layouts"></a><br>

    </td><td>      </td>
    <td valign="top">

    <h1>Dynamische grafische Buttons</h1>

    <p><b>Fahren Sie mit der Maus über die Buttons. Sie dürfen auch draufdrücken ;-)</b></p>

    </td>
    </tr>
    </table>

    </body>
    </html>

    Grüße aus Düsseldorf

    Aleksej

    p.s. Wenn du keine Frames verwändest und durch den Click eine neue Seite geladen wird, würde onClick nichts nützen, da das ereigniss nach dem loslassen der maus ausgeführt wird.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln