nicht angemeldet
Hallo Gerwin,
Ich habe da anscheinend etwas fuer Verwirrung gesorgt, weil meine Funktion zwei Fehler hatte. Dafuer gibt's jetzt eine komplette Beispielseite, die auch folgende Fehler und Unschoenheiten beseitigt:
- Ids und Namen muessen mit Buchstaben oder Zahlen anfangen
- <a href dient dazu, Seiten zu verlinken, nicht Javascript-Events zu triggern, dafuer sind zB. Buttons zustaendig, die man mit CSS entsprechend formatieren kann.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#test-form button {
border: none;
background-color:transparent;
cursor:pointer;
cursor:hand;
color:#00c;
}
#test-form input {
text-align:right;
}
-->
</style>
<script type="text/javascript">
function rechnen(ziel, operator)
{
var zahlFeld = document.getElementById(ziel);
var wert = zahlFeld.value;
if(operator == '-' && wert > 0)
{
zahlFeld.value--;
}
else if(operator == '+')
{
zahlFeld.value++;
}
}
</script>
</head>
<body>
<form action="" method="post" name="test_form" id="test-form">
<button type="button" onclick="rechnen('_12345','+')">+</button>
<input name="_12345" type="text" id="_12345" value="10">
<button type="button" onclick="rechnen('_12345','-')">-</button>
<br>
<button type="button" onclick="rechnen('_34567','+')">+</button>
<input name="_34567" type="text" id="_34567" value="15">
<button type="button" onclick="rechnen('_34567','-')">-</button>
</form>
</body>
</html>
Gruß
Dieter