Marko: Dynamische grafische Submit Buttons

Hallo Forum,

ich möchte in einem Formular das JavaScript Beispiel "Dynamische grafische Nuttons" verwenden, aber nicht mit normalen Bildern, sondern mit dem Submitbutton in einem Formular:

<input name="go" type="image" src="grafiken/gobutton.gif">

Wie wechsle ich hier das Bild aus ? Natürlich könnte ich einfach ein image tag nehmen und mit onClick arbeiten, aber dann geht es halt nicht, falls der Browser kein Javascript unterstützt.

Gruss und Dank

Marko

  1. Hallo Marco

    <input name="go" type="image" src="grafiken/gobutton.gif">

    Wie wechsle ich hier das Bild aus ? Natürlich könnte ich einfach ein image tag nehmen und mit onClick arbeiten, aber dann geht es halt nicht, falls der Browser kein Javascript unterstützt.

    gib dem Element eine Id, also

    <input name="go" id="go" type="image" src="grafiken/gobutton.gif">

    Dann kannst du das Bild wechseln mit

    document.getElementById("go").src="deineDatein.gif"

    bzw. im IE 4 mit

    document.all["go"].src="deineDatein.gif"

    Im NN 4 dagegen gibt es keine Möglichkeit das zu realisieren.

    Viele Grüße

    Antje

    1. Moin

      Im NN 4 dagegen gibt es keine Möglichkeit das zu realisieren.

      Naja, einen Umweg vielleicht:

      <script type="text/javascript">
       document.writeln('<a href="#" onClick="document.dasFormular.submit()"><img src="bla" border="0"></a>');
      </script>
      <noscript>
       <input type="image" src="bla">
      </noscript>

      Das musst du dann nur noch mit deiner Browsererkennung vermixen, ein bisschen umrühren und schon sollte es so ziemlich überall laufen.
      --
      Henryk Plötz
      Grüße aus Berlin