chris: MediaPlayer und Javascript

Hallo liebes Forum,

Ich bastel gerade an einem MediaPlayer, der nicht mit der Standard-Kontrollleiste gesteuert werden soll sondern mit eigenen Bildern.
Wenn ich folgende FORM Tags verwende geht alles einwandfrei:

<FORM>
   <INPUT type="button" VALUE=" Pause " NAME="player_play"
   onClick="handlePlayOrPauseClick()">
</FORM>

...allerdings habe ich da kein Bild als Button.
Wenn ich jetzt einfach das Script äquivalent umsetze in

<FORM>
   <INPUT type="Image"
    SRC="pics/player_pause.gif" VALUE=" Pause " NAME="player_play"
    onClick="handlePlayOrPauseClick()">
</FORM>

...funktioniert nichts mehr :(
Es wird aufeinmal eine Meldung von wegen "404 File not found" geliefert.

Auch wenn ich das FORM Tag um "action='javascript:handlePlayOrPauseClick()'" erweitere, geht es nicht...*grummel*

Bitte helft mir weiter, ich verzweifel!
Danke, Chris

  1. Hallo Chris!

    Das Problem ist, das bei input type=image, beim drücken, das Formular versandt wird. Also so, als ob du dort einen Submit Button hättest.
    Das kannst su ganz einfach verhindern, indem du in den <form> Tag ein - onSubmit="return false;" - einfügst.

    Bis dann
    Alex

    1. Hi Alex!

      Danke für Deine Hilfe!
      Leider geht das so nicht unter Netscape :(

      Wenn ich allerdings den handlePlayOrPauseClick-Scriptaufruf mit in das onSubmit-Event packe, läufts unter beiden :)

      <FORM onSubmit="handlePlayOrPauseClick(); return false;">
         <INPUT type="Image"  
          SRC="pics/player_pause.gif" VALUE=" Pause "
          NAME="player_play" border=0>
      </FORM>

      (Sei nur nochmal für die Nachwelt erwähnt)

      Vielen Dank!!
      Chris

  2. <FORM>
       <INPUT type="Image"
        SRC="pics/player_pause.gif" VALUE=" Pause " NAME="player_play"
        onClick="handlePlayOrPauseClick()">
    </FORM>

    ...funktioniert nichts mehr :(
    Es wird aufeinmal eine Meldung von wegen "404 File not found" geliefert.

    Mir ist nicht ganz klar, warum die das ganze umbedingt über ein Formular machen willst, da besteht immer die Gefahr, dass dieses abgeschickt werden könnte. (JavaScript deaktiviert z.B.)

    Warum nicht einfach
    <a href="#" onClick="handlePlayOrPauseClick(); return false;"><img src="pics/player_pause.gif" border="0"></a>

    so bekommst du auch ein bild "clickbar"

    gruss

    Curt

    1. <FORM>
         <INPUT type="Image"
          SRC="pics/player_pause.gif" VALUE=" Pause " NAME="player_play"
          onClick="handlePlayOrPauseClick()">
      </FORM>

      ...funktioniert nichts mehr :(
      Es wird aufeinmal eine Meldung von wegen "404 File not found" geliefert.

      Mir ist nicht ganz klar, warum die das ganze umbedingt über ein Formular machen willst, da besteht immer die Gefahr, dass dieses abgeschickt werden könnte. (JavaScript deaktiviert z.B.)

      Warum nicht einfach
      <a href="#" onClick="handlePlayOrPauseClick(); return false;"><img src="pics/player_pause.gif" border="0"></a>

      so bekommst du auch ein bild "clickbar"

      Hi Curt!

      Die Frage ist natürlich berechtigt... :)
      Ich hatte es eigentlich durchgetestet und es lief nicht...aber Dein Tag geht! Cool ;)

      Ich danke Dir!
      beste grüße,
      chris