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 | 1189 (986) | luksorzi |
» | [js] tip spremenljivkeOddelek: Programiranje | 668 (554) | lebdim |
» | [javaScript] Preverjanje formata zapisa EMŠOOddelek: Programiranje | 2952 (2572) | win64 |
» | JavascriptOddelek: Programiranje | 1190 (1003) | amacar |
» | Javascript pomočOddelek: Izdelava spletišč | 2059 (1615) | Lion29 |