DHTMLX Slider vraagje

Status
Niet open voor verdere reacties.
L

larsisgoed9

Gebruiker
Lid geworden
29 mei 2007
Berichten
44
Beste,

Ik heb echt bijna geen ervaring met JavaScript, daarom plaats ik deze vraag.

Ik heb nu dit script:
Code: 
<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>
 sld.setSkin(dhtmlxSlider_callshop);
</script>
</head>
<body>
<?php
if(isset($_POST['submit'])){
echo '<h2>Je word nu voor '.$_POST['badagen'].' dagen betaald account.</h2>';
}
?>
<font face="arial">Koop BA dagen:</font><br />
<table width="310">
<tr>
<th><b><font face="arial">Aantal</font></th>
<th><b><font face="arial">Schuifbalk</font></b></th>
<th><b><font face="arial">Bevestig</font></b></th>
</tr>
<tr>
<form method="post">
<td width="5%"><input type="text" id="select1" size="2" name="badagen"></td>
<td width="47%">
<script>
var slider3 = new dhtmlxSlider(null, 150, "arrow", null, 14, 250);
slider3.setStep(2);
slider3.linkTo('select1');
slider3.init();
</script>
</td>
<td width="10%"><input type="submit" name="submit" value="Koop"></td>
</form>
</tr>
</table>
</body>
</html>

Nu wil ik echter in de tabel nog een kolom "Aantal credits" erbij hebben (ik weet wel hoe ik die nieuwe tabel maak), en dat ie daarin berekent wat er in <input type="text" id="select1" size="2" name="badagen"> staat, en dat maal 4 cent.
Weet jij/u hoe ik zoiets in JavaScript moet berekenen?
Want, ik kan die id='select1' maar 1x gebruiken, anders word het bij die andere niet weergegeven.
Ook zou ik niet weten hoe je in JavaScript vermenigvuldigd.
Ik hoop dat u/jij me kan helpen!

Bedankt alvast!

Lars
 
HTML: 
<input type='text' id='select2' name='badagen' />
[JS]var slider4 = new dhtmlxSlider(null, 150, "arrow", null, 14, 250);
slider4.setStep(4);
slider4.linkTo('select2'); /* de magie! */
slider4.init();[/JS]
zoiets, zou ik zo denken?

Overgens gaat simpele wiskunde (optellen, aftrekken, etcetera) gewoon zo:
[JS]var getal1 = 5;
var getal2 = 100;

alert(getal1 + getal2);
alert(getal1 - getal2);
alert(getal1 / getal2);
alert(getal1 * getal2);
[/JS]



:thumb:
 
Bedankt alvast,
Ben er half uitgekomen.
Heb nu dit:
[JS]<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>[/JS]

Voorbeeld: http://mafiastar.eu/slide/slide3.php

Je moet nu echter nog op de knop "Reken uit" klikken, voor er iets word berekend.
Ik wil dat het script het uitrekend, als de waarde onder "Aantal" wijzigt.
(als je de schuifbalk beweegd wijzigt dat tekstvak ook).
Echter met onChange(); werkt het niet, want dat gaat niet samen met het id in die teksbox.

Hoe kan ik het oplossen...

Bedankt alvast,

Lars
 
Tsja, dan zal je de code van je slider moeten aanpassen. En sinds het een nogal minified geval is wordt dat nogal lastig.
 
Weten jullie dan misschien een betere slider?
En de javascripts van die slider staan gewoon op m'n site hoor :)

Lars
 
Hier is een simpele, goede slider. Daarnaast kan je aangeven wat er precies moet gebeuren ALS de slider-waarde wordt veranderd.
En de javascripts van die slider staan gewoon op m'n site hoor
Klik om te vergroten...
Dat weet ik, daarom zei ik al, het is erg lastig. Ik ga het in ieder geval niet voor je doen ;)

De slider van die link die ik je gaf zitovergens een stuk simpeler in elkaar, en heeft gewoon nette code. Stuk beter dus. De link van de demo pagina is overgens kapot, dit is m: *klik*.
 
Laatst bewerkt:
Die van jou werkt inderdaad een stuk beter denk ik ;)

Hij is hier werkend:
file:///C:/Documents%20and%20Settings/Lars/Bureaublad/slider/slider.html

Echter, hoe kan ik bij deze de stapgrootte instellen?
Want anders koopt iemand 1,001 credit :)

Oja, en hij kan niet helemaal naar het einde toe... (hier in Google Chrome).

Ik hoop dat jij op beide vragen een antwoord hebt.

Alvast bedankt!

Lars
 
Hier is een voorbeeld online:

http://mafiastar.eu/slide/2/slider.php

Ik hoop dat jullie mijn vraag kunnen beantwoorden:

Echter, hoe kan ik bij deze de stapgrootte instellen?
Want anders koopt iemand 1,001 credit

Oja, en hij kan niet helemaal naar het einde toe... (hier in Google Chrome).
Klik om te vergroten...

Ook heb ik nog 1 vraag:
Ik wil hierbij ook graag dat je de knop niet meer hoeft in te drukken, voor bereken(); word uitgevoerd, maar dat dit automatisch gaat.

De code mag je gewoon in de bron van:
http://mafiastar.eu/slide/2/slider.php
bekijken.

Bedankt alvast!
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan