Janis: Dynamische Buttons im Formular

SELF-Forum

Dynamische Buttons im Formular

Janis
– Informationen zu den Bewertungsregeln

Hallo!

Ich habe folgendes Problem:

Ich habe ein Formular, für welches ich natürlich einen Submit-Button habe. Nun soll dieser Button aber eine Bilddatei sein, die sich dynamisch (mit Event-handlern: onMouseOver usw.) ändert. Für Bilder, die ich mit <img> darstelle kein Problem, aber diese Funktion tut es nicht für Formularbuttons. Hier, was ich versucht habe:

<html>
<head>
<title>Test</title>
<script language="JavaScript">
test_n = new Image();
test_n.src = "test.gif";
test_l = new Image();
test_l.src = "test_l.gif";

function Bildwechsel(BildName, BildObjekt)
{
 document.hallo.BildName.src = BildObjekt.src;
}
</script>

</head>
<body>

<form name="hallo">
<input type="image" src="test.gif" name="aktion" value="testen" onMouseOver="Bildwechsel(aktion,test_l)" onMouseOut="Bildwechsel(aktion,test_n)">
</form>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Dynamische Buttons im Formular

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Nun soll dieser Button aber eine Bilddatei sein, die sich dynamisch (mit Event-handlern: onMouseOver usw.) ändert. Für Bilder, die ich mit <img> darstelle kein Problem, aber diese Funktion tut es nicht für Formularbuttons.

    function Bildwechsel(BildName, BildObjekt)
    {
    document.hallo.BildName.src = BildObjekt.src;

    gib dem button eine ID, greife über getElementById() darauf zu, und ändere dann die src-eigenschaft.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Dynamische Buttons im Formular

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    <script language="JavaScript">

    Error: required attribute "TYPE" not specified.

    Janis, da sollte immer noch <script type="text/javascript"> stehen.

    <form name="hallo">

    Error: required attribute "ACTION" not specified.

    <input type="image" src="test.gif" name="aktion" value="testen" onMouseOver="Bildwechsel(aktion,test_l)" onMouseOut="Bildwechsel(aktion,test_n)">

    Du hast keine Variable aktion.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln