<input> value mit javascript ändern | Webstatt.org Community

user-342

26.02.2007 21: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

user-349

27.02.2007 23: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>

user-342

28.02.2007 17: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!