Automatisk kalkulere felter i form

[FrilanserBob]

Holder på med php-prosjekt. La oss si at jeg skal lage en form med følgende felter;

 

Tekst, Antall, Pris pr. stk eks. mva, moms%, Linjesum eks, Linjesum ink

 

og at jeg skal ha fem rader under der som jeg kan fylle inn i.

 

Jeg vil gjerne at hver rad skal kalkuleres (antall*pris pr. stk*mva%), noe som skal gi meg Linjesum eks, og linjesum ink for hver av de fem radene.

 

VIKTIG: Jeg vil gjerne at dette skjer automatisk når jeg fyller inn for hver rad.

 

Noen som har noen ideer? Har forsøkt å google litt

[MikkelRev]

Bruk database.

 

Lag tabell Produkt med feltene Tekst, Antall, Pris, Mva og Linjesum.

[nomore]

Om dette skal foregå fortløpende uten å sende skjemadata til serveren(submit form) så må du bruke et scriptspråk på klientsiden. Ikke serversiden som PHP er. Javascript for eks.

[MikkelRev]

Kan fint gjøres med PHP også, om han bare tillater brukeren å trykke submit først.

[nomore]

Ja, som sagt, om skjemadata sendes til serveren/scriptet så kan man bruke PHP.

 

Men slik eg tolker trådstarter så skal dette skje fortløpende UTEN å sende skjemadata.

VIKTIG: Jeg vil gjerne at dette skjer automatisk når jeg fyller inn for hver rad.

[TheClown]

Da må du bruke ajax og javascript

[nomore]

AJAX er overhode ikke nødvendig. Javascript, eller VBscript vil fungere ypperlig.

[Qck]

jQuery bør fungere bra.

[TheClown]

Leste ikke første post ordentlig. Du har rett, nomore, Ajax er ikke nødvendig her

[Qck]

Liten edit;

 

jQuery som jeg sa vil nok fungere flott her.

Søk om du finner noe på dette.

 

Samtidig bør du lage en løsning for de uten javascript påslått.

Kanskje en button i PHP som submiter skjemaet til en kode som summerer tallene?

[JohndoeMAKT]

Magisk så mange forslag av varierende kvalitet som blir postet her på forumet.

 

Database (en dårlig en) har ingenting med dette å gjøre, AJAX er som nevnt overkill og hva skal svaret «jQuery» hjelpe?

 

--

 

Det du sannsynligvis ønsker er å initielt ha et form med fem felt og en knapp. Knappen kjører en funksjon som validerer feltene, kalkulerer summen, gjør at feltene ikke kan skrives til og legger til fem nye felt.

 

Her er et par hint:

-På knappen kan du legge til en event listener på onclick eventuelt kan du legge til en onclick-attributt som kjører funksjonen.

-For å konvertere feltene kan du bruke parseInt(verdi, 10).

-For å hente verdiene ut fra formet kan du f.eks bruke getElementById eller getElementsByTagName for å få en referanse til elementene.

-For å gjøre at et felt ikke kan skrives til kan du bruke element.setAttribute('readonly', 'readonly');.

-For å legge til nye felt bruker du createElement('input') og appendChild.

[MikkelRev]

FrilanserBob har enda ikke kommet tilbake og tydeliggjort hva han trenger. Jeg antar han ikke er noen spesialist i programmering og derfor ikke uttrykker seg helt presis heller, så hva han legger i at kalkuleringen skal skje automatisk, får han svare på når han kommer tilbake. Jeg tipper ærlig talt at det ikke gjør noe om han må trykke på en knapp for at kalkuleringen skal skje. Dermed kan det løses i PHP. Database er tingen om han har tenkt å lagre radene.

[nomore]

Eg synes nå trådstarter er ganske klar i funksjonskravet

VIKTIG: Jeg vil gjerne at dette skjer automatisk når jeg fyller inn for hver rad.

[togge2]

-For å konvertere feltene kan du bruke parseInt(verdi, 10).

 

Er ikke i grunnen parseFloat() bedre å bruke ?

 

-Torgeir

[JohndoeMAKT]

parseInt var tiltenkt antall enheter.

 

Ellers en bra førstepost etter fjorten måneder Torgeir, velkommen til forumet.

[FrilanserBob]

Hei igjen... Litt sen tilbakemelding fra min side... Noen som har noen gode koder å bidra med?

[Kaptein Snus]

CSS-Tricks - Building a customized and dynamic ordering form

 

Mulig dette kan være til hjelp?

[MikkelRev]

Hei igjen... Litt sen tilbakemelding fra min side... Noen som har noen gode koder å bidra med?

Har du ikke lest svarene du har fått?

Endret 13. januar 2010 av MikkelRev

[quantum]

Det du sannsynligvis ønsker er å initielt ha et form med fem felt og en knapp. Knappen kjører en funksjon som validerer feltene, kalkulerer summen, gjør at feltene ikke kan skrives til og legger til fem nye felt.

Evt. kalkulere på onChange-eventen til feltene, da skjer det fortløpende.

[oxodesign]

jeg tror Jquery + følgende plugin: http://plugins.jquery.com/project/calc kan gjøre jobben for deg