Event

L.Groot · 2 Maart 2010

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

NielsB · 2 Maart 2010

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 ;)!

pekelterror · 2 Maart 2010

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 · 2 Maart 2010

@ 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();.....

een eigen cloud sever

DNS update Directadmin

Graag advies voor mijn website

Ik wil op afstand studeren, kennen jullie Tech?

PC probleem

Let op Vimexx klanten

wie kan mij helpen met Security aanscherpen voor nmijn website

Ik ben op zoek naar een goede hosting

Dating software

250 Nieuwe domeinnamen April 2024

Xenforo buckaroo plugin

Event

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen