Button Beschriftung onclick ändern

**mrhappiness** · 03.02.2004, 07:27

änder doch statt color einfach value oder geht das nicht?

eventuell noch style. rausnehmen

**Toxic** · 03.02.2004, 07:42

Axo, ok das stimmt, das weiß ich wie das geht

Code:

  <input type="submit" value="Play" name="B1" onclick="this.value='Stop'">

Mein Hauptproblem ist nur die Abfrage.

Also eine Art function, die schaut welches value for dem Clicken gesetzt ist, um dann das Value dementsprechend zu ändern.

**mrhappiness** · 03.02.2004, 07:45

if (value=="PLAY")
{
}
else
{
}

**Toxic** · 03.02.2004, 07:49

Hatte ich schon erwähnt das ich total Anfanger bin

Wie so eine Schleife ungefähr aufgebaut ist, kennn ich durch andere Programmiersprachen, aber wie ich das (ich vermut mal bei meinem Problem hier, muß ich Javascript benutzten), weiß ich leider nicht wie das ganze Funktioniert.

Wäre Dir dankbar, wenn Du mir grob zeigen könntest, wie die Function ca aussieht.

Danke

**mrhappiness** · 03.02.2004, 07:51

grob steht's oben *g*

Code:

function changevalue()
{
  if (document.formularname.buttonname.value=="wert1")
  {
    document.formularname.buttonname.value="wert2";
  }
  else
  {
    document.formularname.buttonname.value="wert1";
  }
}

im onclick-ereignis rufst du jetzt einfach die funktion auf

**Toxic** · 03.02.2004, 08:07

OK THX für Deine Hilfe

Also wer auch sowas nutzten will, der Code sieht wiefolgt aus:

Code:

<html>

<head>

</head>
<script type="text/javascript">
<!--

function changevalue()
{
  if (B1.value=="Play")
  {
    B1.value="Stop";
  }
  else
  {
    B1.value="Play";
  }
}//-->
</script>

<body>



<input type="submit" value="Play" name="B1" onclick="changevalue()">





</body>

</html>

**wahsaga** · 03.02.2004, 08:13

if (B1.value=="Play")
{
B1.value="Stop";

das ist wohl kaum ein korrekter zugriff, sollte mich wundern, wenn das in anderen browsern als dem IE überhaupt funktioniert.

ein <form> hast du im den input-button auch nicht drum - ist zwar keine pflicht, aber ältere browser zeigen ihn dann u.U. nicht an.

also, entweder ein form drum machen, und dann die zugriffsschreibweise von mrhappiness benutzen, oder mit den DOM-methoden getElement... arbeiten.

**Toxic** · 03.02.2004, 08:19

Tatsächlich, wenn ich eine Form drum rum setzte gehte s wieder nicht

Aber nur so wie ich es oben habe, geht es im IE und Opera.

**Toxic** · 03.02.2004, 08:37

Aber so

Code:

<html>

<head>

</head>
<script type="text/javascript">
<!--

function changevalue()
{
  if (document.test.b1.value=="Play")
  {
    document.test.b1.value="Stop";
  }
  else
  {
    document.test.b1.value="Play";
  }
}//-->
</script>

<body>






<form  action="" name="test">
  <input type="button" value="Play" name="b1" onclick="changevalue()" >
</form>





</body>

</html>

Button Beschriftung onclick ändern