• Inloggen
  • Registreer
  • Zoeken
Dit topic
  • Overal
  • Dit topic
  • Dit forum
  • Artikelen
  • Pagina's
  • Forum
  • Downloads
  • Meer opties

ICTscripters

Dé plek voor IT

Dé plek voor IT

Aanmelden

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. PHP + SQL

Forum

  • [Beta] Ottomaan: gratis browserspel met een echte, levende stad. Feedback gezocht!

    frio 27 oktober 2026 om 12:22
  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Jeroen.G 26 oktober 2026 om 10:33
  • Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

    eeyk 22 oktober 2026 om 18:43
  • Crime Club volledig herschreven vanaf nul

    frio 19 oktober 2026 om 23:57
  • Malavita (nieuwe maffia game, van 0)

    jos 19 oktober 2026 om 23:18
  • Herkent deze Notion-structuurscan echte problemen?

    Jeroen.G 19 oktober 2026 om 15:09
  • 🚀 WE ZOEKEN TESTERS! 🚀

    Servertjee 3 oktober 2026 om 10:56
  • Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

    saggy2829 30 september 2026 om 19:31

Marktplaats

  • [Verkoop] G4G (Gangsters 4 Gangsters): volledige broncode, nieuw gebouwd in PHP 8.3 | € 30 per domein

    frio 27 oktober 2026 om 18:54
  • [TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

    Dpm_x 26 oktober 2026 om 00:22
  • TK: Kraai.eu

    frio 25 oktober 2026 om 11:39

realtime berekenen

  • Aaron
  • 13 november 2016 om 15:26
  • Aaron
    Beheerder
    Berichten
    1.031
    • 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

  • Gast, wil je besparen op je domeinnamen? (ad)
  • WHMCSAddons
    Meester
    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
    Artikelen
    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
    Artikelen
    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
    Beheerder
    Berichten
    1.031
    • 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
    Artikelen
    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
    Beheerder
    Berichten
    1.031
    • 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
    Artikelen
    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
    Beheerder
    Berichten
    1.031
    • 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
    Leerling
    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
    Leerling
    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
    Beheerder
    Berichten
    1.031
    • 12 december 2016 om 19:39
    • #12

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

Registratie

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

Nu registreren Aanmelden

ICT Nieuws

  • PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

    Aaron 22 oktober 2026 om 22:19

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
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacyverklaring
  10. Contact
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design