Forum » Izdelava spletišč » forma - samodejno polnjenje
forma - samodejno polnjenje
Camel ::
Pozdravljeni,
zanima me kako bi najenostavneje v enem php dokumentu naredil, da bi z vnosom dveh parametrov v formo, tretjega izračunalo samo na podlagi prvih dveh. Tretji parameter se mora samodejno izračunati in vnesti v tretje polje na formi(se pravi; ko vpišem prva dva polja se tretji brez submita vpiše v tretje polje). Kasnje bi samo s enim submitom poslal vse v bazo. Upam, da ste razumeli kaj želim. hvala
npr: prvo=1, drugo =3, rezultat=prvo*drugo
Koda:
zanima me kako bi najenostavneje v enem php dokumentu naredil, da bi z vnosom dveh parametrov v formo, tretjega izračunalo samo na podlagi prvih dveh. Tretji parameter se mora samodejno izračunati in vnesti v tretje polje na formi(se pravi; ko vpišem prva dva polja se tretji brez submita vpiše v tretje polje). Kasnje bi samo s enim submitom poslal vse v bazo. Upam, da ste razumeli kaj želim. hvala
npr: prvo=1, drugo =3, rezultat=prvo*drugo
Koda:
<form id="form1" name="form1" method="post" action="">
<table width="331" border="0">
<tr>
<th align="right"><strong> prvo število:</strong></th>
<th width="70"><label>
<input type="text" name="prvo" id="prvo" />
</label></th>
</tr>
<tr>
<td align="right"><strong>drugo število:</strong></td>
<td><label>
<input type="text" name="drugo" id="drugo" />
</label></td>
</tr>
<tr>
<td align="right"><strong>rezultat:</strong></td>
<td><label>
<input type="text" name="rezultat" id="rezultat" />
</label></td>
</tr>
<tr>
<td align="right"> </td>
<td><label>
<input type="submit" name="poslji" id="poslji" value="poslji" />
</label></td>
</tr>
</table>
</form>
Camel ::
jquery ajax
hvala za odgovor, lahko prosim poveš kaj več o tem, kak tutorial ali kaj podobnega?
Dolce far niente
vorantz ::
Samo za zmnožit je ajax overkill
recimo daš prvim dvem textboxom nek class "blabla"
pol pa z jquery nrdiš, da se ob spremembah v teh dveh inputih preračuna vrednost
seveda dodaj še preverjanje, če je dejansko vnešena številka itd
pa preveri keri event ti bolj ustreza (onchange, onkeydown, etc), pa preveri, da dela pravilno v vseh brskalnikih (so precej muhasti)
pa ta tretji inpu spremeni v read only, da ne more uporabnik spreminjat
za več pa stric gogole
recimo daš prvim dvem textboxom nek class "blabla"
pol pa z jquery nrdiš, da se ob spremembah v teh dveh inputih preračuna vrednost
$('.blabla').onchange(function(){
var prva = parseInt($('#prvo').val());
var druga = parseInt($('#drugo').val());
$('#rezultat').val(prva*druga);
});seveda dodaj še preverjanje, če je dejansko vnešena številka itd
pa preveri keri event ti bolj ustreza (onchange, onkeydown, etc), pa preveri, da dela pravilno v vseh brskalnikih (so precej muhasti)
pa ta tretji inpu spremeni v read only, da ne more uporabnik spreminjat
za več pa stric gogole
Camel ::
Samo za zmnožit je ajax overkill
recimo daš prvim dvem textboxom nek class "blabla"
pol pa z jquery nrdiš, da se ob spremembah v teh dveh inputih preračuna vrednost
$('.blabla').onchange(function(){
var prva = parseInt($('#prvo').val());
var druga = parseInt($('#drugo').val());
$('#rezultat').val(prva*druga);
});
seveda dodaj še preverjanje, če je dejansko vnešena številka itd
pa preveri keri event ti bolj ustreza (onchange, onkeydown, etc), pa preveri, da dela pravilno v vseh brskalnikih (so precej muhasti)
pa ta tretji inpu spremeni v read only, da ne more uporabnik spreminjat
za več pa stric gogole
super! hvala, prav to sem rabim. najboljš bo verjetno nardit funkcijo pa ko pol klicat v formi. kje jo moram klicat, da mi število prikaže v tretjem inputu.
Dolce far niente
nuclear ::
Ne potrebuješ funkcije, to kodo, ki ti jo je napisal vorantz dodaj znotraj jQueryjeve
in se ti bo samo vršilo, ker kot vidiš je event že "onchange".
$(function(){
});in se ti bo samo vršilo, ker kot vidiš je event že "onchange".
Asus G14 2023 - Ryzen 7940HS - 32GB DDR5 - GeForce RTX 4080 - 990 PRO 4TB
Vredno ogleda ...
| Tema | Ogledi | Zadnje sporočilo | |
|---|---|---|---|
| Tema | Ogledi | Zadnje sporočilo | |
| » | jQuery - proži samo enkratOddelek: Programiranje | 1413 (1210) | luksorzi |
| » | [js] tip spremenljivkeOddelek: Programiranje | 756 (642) | lebdim |
| » | [javaScript] Preverjanje formata zapisa EMŠOOddelek: Programiranje | 3191 (2811) | win64 |
| » | JavascriptOddelek: Programiranje | 1278 (1091) | amacar |
| » | Javascript pomočOddelek: Izdelava spletišč | 2228 (1784) | Lion29 |