Jörg: onmouseover-Bildaustausch für Formularbuttons

Hallo!

Ich habe Links auf meiner Seite mit Grafiken belegt. Wenn man mit dem Mauszeiger darüber fährt wechselt das Bild (...schöne Grüsse an Stefan Münz...).

Gibt es eine Möglichkeit das selbe für Formularbuttons zu erzeugen?

(Das mit der Grafik für den Formular-Abschicken-Button habe ich mit <input type="image" ... > schon hinbekommen.)

Bin mal gespannt ob jemand von euch das hinbekommt...

DANKE.

Schöne Grüsse,

Jörg

  1. Moin,

    also ich wuerde dazu einfach ein normales Bild nehmen, da es da ja ganz einfach ist. Und als Link machst Du dann nur javascript:document.NameDesFormulars.submit()
    Vermutlich die einfachste Methode :)

    Gruß
    Stephan

    1. Hallo.

      also ich wuerde dazu einfach ein normales Bild nehmen, da es da ja ganz einfach ist. Und als Link machst Du dann nur javascript:document.NameDesFormulars.submit()
      Vermutlich die einfachste Methode :)

      Diese Methode ist schon sehr gut.
      Ich würde sie allerdings noch verbessern, in dem ich das Bild durch document.write() anzeigen lasse.
      Dann gibt es nämlich die Möglichkeit, im noscript-Bereich einen normalen submit-Button zu definieren, so daß auch alle User ohne JavaScript das Formular abschicken können.

      Gruß,
      olli

      1. Hallo.

        also ich wuerde dazu einfach ein normales Bild nehmen, da es da ja ganz einfach ist. Und als Link machst Du dann nur javascript:document.NameDesFormulars.submit()
        Vermutlich die einfachste Methode :)

        Diese Methode ist schon sehr gut.
        Ich würde sie allerdings noch verbessern, in dem ich das Bild durch document.write() anzeigen lasse.
        Dann gibt es nämlich die Möglichkeit, im noscript-Bereich einen normalen submit-Button zu definieren, so daß auch alle User ohne JavaScript das Formular abschicken können.

        Gruß,
        olli

        Hallo!

        Erstmal vielen Dank. Leider kappiere ich überhaupt nicht was ihr meint.

        Wie soll ich als Link "javascript:document.NameDesFormulars.submit()" verwenden, um dann ein Bild und ein Austauschbild zu verwenden?

        Wäre toll wenn ihr euch nochmal meldet und es mir ein wenig detaillierter beschreiben könntet.

        Vielen Dank.

        Schöne Grüsse,

        Jörg

        1. Nochmal hallo.

          Wie soll ich als Link "javascript:document.NameDesFormulars.submit()" verwenden, um dann ein Bild und ein Austauschbild zu verwenden?

          Also gut, weil ich heute gut drauf bin:
          <form ... name="Edna">
          .....
          <a href="javascript:document.Edna.submit() onmouseover="Bild wechseln" onmouseout="wieder ursprüngliches Bild anzeigen"><img src="irgendeinbild.gif" ... "></a>
          </form>

          Aber vorsicht: ein User ohne JavaScript kann dein Formular _nicht_ abschicken.
          Deswegen habe ich auch auf die Möglichkeit mit document.write() und <noscript> hingewiesen.

          Alles weitere findest du bei <.../selfhtml>.

          olli