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šč | 2229 (1785) | Lion29 |