Willkommen in der Webstatt Zum Webstatt Blog und Stories
w4p am 26.02.07 22:28

Hallo Zusammen!

Ich habe überhaupt keine Ahnung von JS bräuchte jedoch unbedingt eine Funktion.

ich habe drei <input> felder,mit den anfangswerten 2, 2, 2...wenn man nun einer der werte verändert soll die summe der drei values immer noch 6 sein...also wenn man in das erste input 4 schreibt sollte im zweiten und dritten je eine 1 stehen...

bin in google nicht richtig fündig geworden...

Kann mir bei so einer Funktion jemand helfen?

DANKE!
w4p

netcup.de Warum gibt es hier Werbung?
Zeronet Zeronet am 28.02.07 00:40

Geht sicher auch schöner, aber funktioniert:
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
var magischezahl = 6;
function check(wo){

a = document.getElementById('a').value;
b = document.getElementById('b').value;
c = document.getElementById('c').value;
if(isNaN(a) || isNaN(b) || isNaN(c) || a > magischezahl || b > magischezahl || c > magischezahl){
alert("nur Zahlen > " + magischezahl + " eingeben!");
return false;
}
if(wo == "a"){
document.getElementById('b').value = Math.round((magischezahl-a)/2);
document.getElementById('c').value = magischezahl-document.getElementById('b').value-document.getElementById('a').value
}
if(wo == "b"){
document.getElementById('a').value = Math.round((magischezahl-b)/2);
document.getElementById('c').value = magischezahl-document.getElementById('a').value-document.getElementById('b').value
}
if(wo == "c"){
document.getElementById('a').value = Math.round((magischezahl-c)/2);
document.getElementById('b').value = magischezahl-document.getElementById('a').value-document.getElementById('c').value
}

}
//-->
</script>
</head>
<body>
<input type="Text" id="a" value="2" size="2" onchange="check('a')">
<input type="Text" id="b" value="2" size="2" onchange="check('b')">
<input type="Text" id="c" value="2" size="2" onchange="check('c')">

</body>
</html>

w4p am 28.02.07 18:32

//EDIT: Wollte das ganze soeben in IE ausprobieren...doch leider ohne Erfolg!
Weiss jemand was ich ändern muss?

Danke! Musste nur noch ein paar änderungen anbringen...

Hier noch mein endgültiger Code, falls jemand mal das selbe Problem hat^^

<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
var magischezahl = 6;
function check(wo){

a = document.getElementById('a').value;
b = document.getElementById('b').value;
c = document.getElementById('c').value;
if(isNaN(a) || isNaN(b) || isNaN(c) || a > magischezahl || b > magischezahl || c > magischezahl){
alert("nur Zahlen > " + magischezahl + " eingeben!");
return false;
}
if(wo == "a"){

document.getElementById('b').value = magischezahl-document.getElementById('c').value-document.getElementById('a').value
if (document.getElementById('b').value < '0') {
document.getElementById('b').value = '0'
document.getElementById('c').value = magischezahl- document.getElementById('a').value
}
}
if(wo == "b"){
document.getElementById('c').value = magischezahl-document.getElementById('a').value-document.getElementById('b').value
if (document.getElementById('c').value < '0') {
document.getElementById('c').value = '0'
document.getElementById('a').value = magischezahl- document.getElementById('b').value
}
}
if(wo == "c"){
document.getElementById('a').value = magischezahl-document.getElementById('b').value-document.getElementById('c').value
if (document.getElementById('a').value < '0') {
document.getElementById('a').value = '0'
document.getElementById('b').value = magischezahl- document.getElementById('c').value
}
}
}
//-->
</script>
</head>
<body>
<input type="Text" id="a" value="2" size="2" onchange="check('a')">
<input type="Text" id="b" value="2" size="2" onchange="check('b')">
<input type="Text" id="c" value="2" size="2" onchange="check('c')">

</body>
</html>


Danke Nochmals!

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt