Einblick Javascript

4. Objekte - FORMS- Events

Eigenschaften (Properties), Methode (Methods), Ereignisse (Events).
Objekte reagieren auf verschiedene Ereignisse. 

form1.html
<html>
<head>
<title>form1</title>
</head>

<body>
<form>
<input type="button" name="button1" value="Caption">
</form>

</body>
</html> 
form2.html
<htmlbr
<title
</head

<bodybr
<input type="text" name="fenster1" size="3" value="144"br
</form

</body
</html> 
form3.html
<htmlbr
<title
</head

<bodybr
<input type="text" name="zahl1" size="3" value="144"> / 
<input type="text" name="zahl2" size="3" value="12">
<input type="button" name="button1" value=" = "
<input type="text" name="zahl3" size="3" value=""/bbr

</body
</html>  
form4.html
<htmlbr
<title
<script language="JavaScript"
function berechne()
{
z1=eval(document.eingabeform.zahl1.value);
z2=eval(document.eingabeform.zahl2.value);
z3=z1/z2;
document.eingabeform.zahl3.value=z3;
}
</script/bbr

<bodybr
<input type="text" name="zahl1" size="3" value="144"> / 
<input type="text" name="zahl2" size="3" value="12">
<input type="button" name="button1" value=" = " onclick="berechne()"
<input type="text" name="zahl3" size="3" value=""br

</body
</html>  
...
 <form name="formular" ...>
  <input type="text" name="eingabe" ...>
  ...
 </form>
 ...

Dazu gehört dann ein winziges Skript: 

<script language="JavaScript"> 

function berechne()
{
z1=eval(document.eingabeform.zahl1.value);
z2=eval(document.eingabeform.zahl2.value);
z3=z1/z2;
document.eingabeform.zahl3.value=z3;
}
</script>

Weitere Script- Beispiele

Anwendungen Physik, Mathematik, Informatik

Physlets- die Kombination von Java Graphik und Javascripts

Index