• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. PHP + SQL

Forum

  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Syntax 23 december 2025 om 16:43
  • Developer Gezocht

    tcbhome 21 december 2025 om 15:07
  • Op zoek naar de legends

    Jeffrey.Hoekman 9 december 2025 om 09:41
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09
  • Help testers nodig voor android app Urgent

    urgentotservices 26 september 2025 om 10:21
  • Versio vervanger

    Jeroen.G 25 augustus 2025 om 15:56
  • Afspraken systeem met planbeperking

    Lijno 1 augustus 2025 om 23:04
  • Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

    NFT Art Designer 1 maart 2025 om 14:08

Marktplaats

  • Meerdere mafia game template te koop

    Syntax 26 december 2025 om 00:07
  • Van een pixelige afbeelding naar een strakke, moderne website

    Syntax 21 december 2025 om 17:05
  • 302 Nieuwe Domeinnamen November 2025

    shiga 1 december 2025 om 13:07

realtime berekenen

  • Aaron
  • 13 november 2016 om 15:26
  • Aaron
    Administrator
    Ontvangen Reacties
    60
    Berichten
    1.020
    • 13 november 2016 om 15:26
    • #1

    Ik ben voor mijn facturatie opzoek naar een manier om mijn berekeningen live te zien gebeuren. De bedoeling is dat alles van wat ik invul in mijn formulier dat het direct al de uitkomst toont zonder de pagina de vernieuwen. hoe kan ik ervoor zorgen dat ik met ajax of javascript dit kan doen?

    Ik heb nu dus enkele velden waar je het bedrag moet invullen en het aantal. daarnaast moet er een onwijzigbaar input field komen met de uitkomst.
    op het einde van de rij moet er een totaal uitkomen van alle lijnen. En moet er nog een veld zijn waarin hij de btw apart rekent en als laatst de uitkomst. even een schets van wat ik nu heb:

    OmschrijvingEx BTWAantalUitkomst
    omschrijving 10,99010,990
    omschrijving 22,55025,100
    omschrijving 33,21013,210
    UitkomstEX BTW9.300
    BTW1,953
    Totaal11,253

    Zoals je ziet zou ik graag alles dat schuin en onderlijnd is automatisch direct laten rekenen. Dit moet in een input veld zijn, maar mag niet door mij gewijzigd kunnen worden. enkel door de berekening ervoor.

    Heeft er iemand een idee waar ik dit kan vinden? Of iemand die mij opweg kan helpen?
    Ik ben niet zo goed in Javascript of ajax. Liefst zou ik het willen met ajax

  • Guest, wil je besparen op je domeinnamen? (ad)
  • WHMCSAddons
    Master
    Ontvangen Reacties
    88
    Berichten
    2.411
    • 13 november 2016 om 21:16
    • #2

    Het niet wijzigen raad ik aan de readonly="true" te gebruiken, deze wordt wel gestuurd maar is niet wijzigbaar.

    Met Ajax is dit zeker mogelijk je zou dit via jQuery al kunnen doen maar met een Ajax request kan je bijvoorbeeld zeggen dat hij alleen moet sturen als de aantal is ingevuld. Hiermee gaat de berekening eigenlijk pas op het moment als die aanwezig is en door de gebruiker is aangevuld.

    JavaScript
    $.post('locatie/naar/calculatie.php', function( data ){ 
    	$('.resultaat').html( data ); 
    });

    Meer informatie hierover vind je op de website van jQuery

  • Dees
    Elite members
    Ontvangen Reacties
    64
    Articles
    1
    Berichten
    358
    • 13 november 2016 om 22:28
    • #3

    Je hoeft hier geen ajax request voor te creëren. Gewoon simpele JS/jQuery code die de waardes pakt en ze met elkaar vermenigvuldigd. Ik kan een voorbeeldje maken. Maar dan is het wel handig om de HTML structuur te weten die je nu gebruikt.

    Met vriendelijke groet,

    Dees

  • FangorN
    Professional
    Ontvangen Reacties
    196
    Articles
    2
    Berichten
    737
    • 14 november 2016 om 14:32
    • #4
    Citaat van D.Oomens

    Maar dan is het wel handig om de HTML structuur te weten die je nu gebruikt.

    Als daar enige structuur in zit (bijvoorbeeld door gebruikmaking van classes die specifiek voor de javascript worden gebruikt) dan kan dat je rekenwerk inderdaad vergemakkelijken.

    In wezen heb je maar twee berekeningen/handelingen nodig:
    - een berekening die een vermenigvuldiging in een rij uitvoert (productprijs x aantal)
    - een berekening die de totalen in de laatste kolom optelt (en na afloop hier BTW over berekent)

    Dit zou je nog kunnen vereenvoudigen door in de loop die de rijen doorloopt het tussenresultaat te onthouden zodat je deze handelingen in elkaar schuift.

    Let er wel op dat het decimaal scheidingsteken normaal een punt is, en geen komma.

    Ook zul je in moeten haken op wijzigingen zodat het bovenstaande verhaal opnieuw uitgevoerd wordt op het moment dat er een wijziging / toevoeging is.

    Zo, nu heb je min of meer een functionele spec, nu is het slechts een kwestie van code kloppen :p.

  • Aaron
    Administrator
    Ontvangen Reacties
    60
    Berichten
    1.020
    • 14 november 2016 om 17:46
    • #5
    Citaat van D.Oomens

    Je hoeft hier geen ajax request voor te creëren. Gewoon simpele JS/jQuery code die de waardes pakt en ze met elkaar vermenigvuldigd. Ik kan een voorbeeldje maken. Maar dan is het wel handig om de HTML structuur te weten die je nu gebruikt.

    Dom van mij dat ik daar nog niet aan gedacht heb. Bedankt alvast voor 'de voorzet" Ik zal eens zoeken in Google of ik enkele voorbeelden kan vinden. Als je mij opweg kan helpen, kan ik het zelf implanteren in mijn HTML. Kan je mij eventueel een voorbeeld geven?


    Citaat van FangorN

    In wezen heb je maar twee berekeningen/handelingen nodig:
    - een berekening die een vermenigvuldiging in een rij uitvoert (productprijs x aantal)
    - een berekening die de totalen in de laatste kolom optelt (en na afloop hier BTW over berekent)

    Zover was ik namelijk ook ;)

    Citaat van FangorN

    Let er wel op dat het decimaal scheidingsteken normaal een punt is, en geen komma.

    Dat is mijn fout, ik heb te weinig informatie gegeven. In mijn voorbeeld staat het getal met een komma, maar die wordt omgezet naar een punt. Het maakt in mijn structuur niet uit of het een punt of komma is. Dus zou daar ook mee moeten rekening gehouden worden.

    Citaat van FangorN

    Zo, nu heb je min of meer een functionele spec, nu is het slechts een kwestie van code kloppen :p.

    Help je mij hier dan even bij? Of geef je enkel maar commentaar? :)

  • Dees
    Elite members
    Ontvangen Reacties
    64
    Articles
    1
    Berichten
    358
    • 15 november 2016 om 09:42
    • #6

    Hier zou je misschien iets mee kunnen doen: http://codepen.io/dees040/pen/yVJEWQ

    Met vriendelijke groet,

    Dees

  • Aaron
    Administrator
    Ontvangen Reacties
    60
    Berichten
    1.020
    • 16 november 2016 om 13:56
    • #7
    Citaat van D.Oomens

    Hier zou je misschien iets mee kunnen doen: http://codepen.io/dees040/pen/yVJEWQ

    Jazeker! Dit is bijna wat ik zoek!
    Alleen zoek ik nog een manier om ex btw nog zelf te kunnen invullen.
    @D.Oomens Kan jij dit even aanpassen? Je zou me zeer dankbaar zijn!!

  • Dees
    Elite members
    Ontvangen Reacties
    64
    Articles
    1
    Berichten
    358
    • 16 november 2016 om 15:57
    • #8

    Sorry, ik zie het foutje nu ook. Heb het aangepast.

    Met vriendelijke groet,

    Dees

  • Aaron
    Administrator
    Ontvangen Reacties
    60
    Berichten
    1.020
    • 19 november 2016 om 20:33
    • #9
    Citaat van D.Oomens

    Hier zou je misschien iets mee kunnen doen: http://codepen.io/dees040/pen/yVJEWQ

    Zoals dit voorbeeld wil ik het graag! Maar ik zou graag de mogelijkheid willen dat ik zelf ook mijn ex btw kan invullen.
    Kan iemand dit aanpassen voor mij? Ik ben niet zo goed in js.

  • MOnkNL
    Student
    Ontvangen Reacties
    8
    Berichten
    69
    • 29 november 2016 om 10:16
    • #10

    Oke gebasseerd op de code van @D.Oomens .
    Heb wat dingen toegevoegd en wat dingen aangepast.
    Eerste keer dat ik werk op de manier van D.Oomens dus hoop dat ik het allemaal goed heb toegepast. Verbeteringen zijn welkom.
    https://jsfiddle.net/MOnkNL/7bs6e7h1/

    Ik heb afrondingen toegevoegd in voordeel van de 'klant'.
    Als je volledige bedragen wil moet je regel 2 van javascript aanpassen.
    Dus

    JavaScript
    var output = (Math.floor((this * 100)) / 100).toFixed(2).replace('.', ',');

    vervangen voor


    JavaScript
    var output = this.toString().replace('.', ',');

    The law is what I write down on paper

  • MOnkNL
    Student
    Ontvangen Reacties
    8
    Berichten
    69
    • 3 december 2016 om 15:15
    • #11
    Citaat van Aeron


    Goedenavond,

    Bedankt alvast om mij te helpen met mijn probleem.

    Maar ik ben namelijk op zoek naar een manier waar ik elke lijn ex btw
    kan invullen & in dezelfde lijn de aantallen. Dat der rest van de
    berekeningen automatisch gebeuren.

    zou je dit voor mij kunnen waarmaken? nu is enkel de ex btw eindtotaal aanpasbaar maar dit zoek ik niet.

    Met vriendelijke groeten,
    Aaron

    Natuurlijk wil ik dit:
    Gezien vandaag ook sint gevierd moet worden heb ik een snelle oplossing voor je gebouwd nog steeds groten deels gebaseerd op de code van @D.Oomens.

    De aanpassing is eigenlijk erg simpel inplaats van de .text() op te halen uit de td .price.
    Haal je nu de value op van de input .price.

    Daarnaast heb ik op evenement keyup aangezet dat hij dan de berekening uit gaat voeren.
    Voor de leukigheid heb ik nu ook nog toegevoegd dat je een rij kan toevoegen. (Dit zal ik later iets uitbreiden maar zoals ik al zei moet ook nog sint vieren vandaag).

    Preview en code:
    http://ict.thomasvv.nl/24135-autocal/exbtw.html

    The law is what I write down on paper

  • Aaron
    Administrator
    Ontvangen Reacties
    60
    Berichten
    1.020
    • 12 december 2016 om 19:39
    • #12

    Super bedankt!
    Met dit kan ik echt veel doen. Bedankt!

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Fijne feestdagen

    tcbhome 28 december 2025 om 13:55
  • Kritieke update voor Really Simple Security-plug-in

    K.Rens 16 november 2024 om 16:12
  • ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

    K.Rens 2 november 2024 om 16:09

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37

Gebruikers die dit topic bekijken

  • 1 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design