ugrás a tartalomhoz

Form input összeadás

vlaci · 2008. Nov. 5. (Sze), 16.32
Hali,

Sajnos nem értek a javascipt és ajax programozáshoz, de szükségem lenne rá. Kezdésnek összeadásra már kaptam egyet, de nem a bevitt értékeket kell összeadni.
A feladat az lenne, hogy a form-ba beadott id-ékhez tartozó mysql táblában tárolt értékeket adja össze a progi és írja ki.

Merre keresgéljek?

<html>
<head>
<SCRIPT>
function osszead() {
var x;
var ki=0;


x = document.getElementsByTagName("input");


for (i=0;i<x.length;i++) {
ki = ki + parseInt(x[i].value);
}

document.getElementById('elemek').innerHTML=ki;
}
</SCRIPT>
</head>
<BODY>

<FORM name="adat">
<input type="text" name="mezo" value="0"><br>
<input type="text" name="mezo" value="0"><br>
<input type="text" name="mezo" value="0"><br>
<br><br>
<a href="javascript:osszead();">Eredmény:</a> <span id="elemek"> </span>
</FORM>
</BODY>
</html>
 
1

PHP?

solkprog · 2008. Nov. 5. (Sze), 16.52
"A feladat az lenne, hogy a form-ba beadott id-ékhez tartozó mysql táblában tárolt értékeket adja össze a progi és írja ki."
Miért JavaScripttel akarod összeadni az értékeket? Szerver oldalon nem lenne egyszerübb (pl. PHP-val) ?

"Merre keresgéljek?"
Először szerintem kérd le a "beadott id-ékhez tartozó mysql táblában tárolt értékeket" (PHP-val). Onnan meg már könnyü lesz összeadni.

üdv,
Balázs
2

megoldás menete

gex · 2008. Nov. 5. (Sze), 16.53
1. domready eseményre hozzárendelsz egy ajaxos kérést az input elemek onchange eseményéhez
2. egy szabadon választott szerver-oldali programozás nyelv segítségével kiolvasod mysql-ből a kért adatot
3. az ajaxos kérés visszatértekor elmented az értéket egy változóba vagy egy másik input mezőbe
4. minden ajaxos kérés végén frissíted az összeget

a konkrét megvalósításban sokat segíthet a jquery, prototype vagy más keretrendszer dokumentációja.