• 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. (X)HTML + XML + CSS

Forum

  • Beta-testers gezocht voor Crypto-oefenplatform

    Syntax 29 januari 2026 om 16:11
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Syntax 19 januari 2026 om 09:34
  • Developer Gezocht

    Mikevdk 10 januari 2026 om 18:57
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [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

Marktplaats

  • 321 Nieuwe Domeinnamen December 2025

    shiga 1 januari 2026 om 10:26
  • 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

Event

  • L.Groot
  • 2 maart 2010 om 14:54
  • L.Groot
    Elite members
    Ontvangen Reacties
    31
    Berichten
    4.888
    • 2 maart 2010 om 14:54
    • #1

    Beste CP'ers,

    Ik heb onderstaand script, met behulp van NielsB kunnen krijgen:

    PHP
    <html>
    <head>
    <script>
    window.dhx_globalImgPath = "codebase/imgs/";
    </script>
    <script  src="codebase/dhtmlxcommon.js"></script>
    <script  src="codebase/dhtmlxslider.js"></script>
    <script  src="codebase/ext/dhtmlxslider_start.js"></script>
    <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxslider.css">
        <script language="javascript">
            function Berekenen()
            {
                var badagen = document.getElementById('badagen');
                var select1 = document.getElementById('select1');
                badagen.value = select1.value*0.04; // Wanneer je 4 cent wil moet je het waarschijnlijk veranderen naar 0.04!
            }
        </script> 
    </head>
    <body>
    <?php
    if(isset($_POST['submit'])){
    echo '<h2>Je word nu voor '.$_POST['badagen'].' dagen betaald account.</h2>';
    }
    ?>
    <font face="arial">Koop credits:</font><br />
    <table width="600">
    <tr>
    <th><b><font face="arial">Aantal</font></th>
    <th><b><font face="arial">Schuifbalk</font></b></th>
    <th><b><font face="arial">Prijs</font></b></th>
    <th><b><font face="arial">Bevestig</font></b></th>
    </tr>
    <tr>
    <form method="post">
    <td><input onSelect="Berekenen()" type="text" id="select1" size="2" name="select1"></td>
    <td>
    <script>
    var slider3 = new dhtmlxSlider(null, 150, "arrow", null, 14, 250);
    slider3.setStep(2);
    slider3.linkTo('select1');
    slider3.init();
    slider3.onFocus="Berekenen()";
    </script>
    </td>
    <td><input type="text" id="badagen" size="2" name="badagen" disabled="disabled" /></td>
    <td><input onclick="Berekenen()" type="button" value="Reken uit!" /><input type="submit" name="submit" value="Koop"></td>
    </form>
    </tr>
    </table>
    </body>
    </html>
    Toon Meer

    Het werkt bijna goed, echter moet je nu of op het tekstvak "select1" klikken, of op "Reken uit!" klikken, voordat het word berekend.
    Echter wil ik nu, dat als je de schuifbalk, of het tekstbox (de eerste "aantal") aanpast, dan het script het uitvoerd / berekend.

    Hoe kan ik dit doen?

    Een voorbeeld is hier:
    http://mafiastar.eu/slide/slide3.php

    Ik hoop dat jullie het weten!

    Lars

  • Guest, wil je besparen op je domeinnamen? (ad)
  • NielsB
    Junior (Web)Developer
    Berichten
    948
    • 2 maart 2010 om 14:57
    • #2

    Hoe wil je het zien?
    Dat hij het automatisch doet of?

    Wat doet de slidebar precies?
    Want ik zie namelijk geen slidebar.

    Edit: Nu zie ik wel een slidebar.
    In die pm van je namelijk niet ;)!

    School
    Tweedejaars Informatica Student @ Hogeschool Rotterdam.

    Webtalen
    - PHP ( OOP )
    - SQL
    - JavaScript i.c.m. jQuery framework
    - (x)HTML
    - CSS
    - Actionscript
    - XML

    Programmeertalen
    - Java
    - C#
    - Ruby i.c.m. on Rails framework

  • pekelterror
    Professional
    Ontvangen Reacties
    13
    Berichten
    608
    • 2 maart 2010 om 15:16
    • #3

    Geef het textvak een onchange:

    PHP
    onchange="bereken()"

    En gebruik dat dit:

    PHP
    <script>
    function bereken(){
    aantal = document.getElementsByName('select1')[0].value;
    // value ophalen aantal input box
    ps = '0.04';
    // prijs per stuk
    prijs = ps*aantal;
    // prijs uitrekeken.
    
    
    document.getElementsByName('bedragen')[0].value = prijs;
    // prijs in het veld zetten
    }
    </script>
    Toon Meer

    Want de slidebar veranderd de waarde in het aantal vak,
    en als je handmatig het veranderd veranderd het ook.

    En dan bereken je het aantal keer de prijs per stuk en zet dit in bedragen vakje.

    Dus zodra er maar iets in aantal vakje (genaamd select1) veranderd berekend hij de prijs doordat door de onchange de functie bereken word opgeroepen.

    En die zet dan de prijs in het veld neer waar het bedrag staat.

    PS: Niet getest en Javascript is niet me sterkste punt :p

    Pekeltje

  • L.Groot
    Elite members
    Ontvangen Reacties
    31
    Berichten
    4.888
    • 2 maart 2010 om 16:49
    • #4

    @ Pekelterror,
    Zal het even checken, en JS is mijn zwakste punt (samen met CSS).

    Lars

    Nieuwe reactie samengevoegd met originele reactie op 02.03.10 16:54:11:
    Heb nu dit:

    PHP
    <html> 
    <head> 
    <script> 
    window.dhx_globalImgPath = "codebase/imgs/"; 
    </script> 
    <script  src="codebase/dhtmlxcommon.js"></script> 
    <script  src="codebase/dhtmlxslider.js"></script> 
    <script  src="codebase/ext/dhtmlxslider_start.js"></script> 
    <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxslider.css"> 
        <script language="javascript"> 
    function bereken(){
    aantal = document.getElementsByName('select1')[0].value;
    // value ophalen aantal input box
    ps = '0.04';
    // prijs per stuk
    prijs = ps*aantal;
    // prijs uitrekeken.
    
    
    document.getElementsByName('badagen')[0].value = prijs;
    // prijs in het veld zetten
    }
        </script>  
    </head> 
    <body> 
    <?php 
    if(isset($_POST['submit'])){ 
    echo '<h2>Je word nu voor '.$_POST['badagen'].' dagen betaald account.</h2>'; 
    } 
    ?> 
    <font face="arial">Koop credits:</font> 
    <table width="600"> 
    <tr> 
    <th><b><font face="arial">Aantal</font></th> 
    <th><b><font face="arial">Schuifbalk</font></b></th> 
    <th><b><font face="arial">Prijs</font></b></th> 
    <th><b><font face="arial">Bevestig</font></b></th> 
    </tr> 
    <tr> 
    <form method="post"> 
    <td><input onchange="bereken()" type="text" id="select1" size="2" name="select1"></td> 
    <td> 
    <script> 
    var slider3 = new dhtmlxSlider(null, 150, "arrow", null, 14, 250); 
    slider3.setStep(2); 
    slider3.linkTo('select1'); 
    slider3.init(); 
    slider3.onFocus="Berekenen()"; 
    </script> 
    </td> 
    <td><input type="text" id="badagen" size="2" name="badagen" disabled="disabled" /></td> 
    <td><input onclick="bereken()" type="button" value="Reken uit!" /><input type="submit" name="submit" value="Koop"></td> 
    </form> 
    </tr> 
    </table> 
    </body> 
    </html>
    Toon Meer


    Werkt nog niet.
    Alleen de knop werkt nu.
    Dus, idd als het tekstvak veranderd (als je de balk verschuift veranderd het tekstvak ook) dan moet ie automatisch die berekening maken.

    Bedankt alvast,

    Lars

    Nieuwe reactie samengevoegd met originele reactie op 02.03.10 18:15:42:
    Heb even gecheckt, en als ik "id" bij de tekstbox weghaal, dan doet ie wel gewoon onChange();.....

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
  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