Hulp gezocht met range sliders

Door Endy V op 20-03-2015 17:50 gewijzigd op 20-03-2015 17:51

806 views

Beste geïnteresseerde,

Voor een klein projectje heb ik een javascript tijger(tje) nodig die tegen een nog nader te bepalen vergoeding
snel een scriptje kan maken voor een 4 tal range sliders.

Wat moet het doen:

Leasetarieven calculeren

Wat vraag ik aan jou:

Het script aan te leveren die aan de hand van de input van de gebruiker(s) berekening mogelijk maakt.
Alle CSS en HTML gerelateerde zaken regel ik zelf.

Het volgende lever ik aan:

De lease bereken formule middels een werkend Excel sheet

Wat is belangrijk:

Het moet werkend gemaakt worden in een wordpress omgeving

PM me aub als je interesse hebt en dan nemen we de verdere details even door.

Alvast bedankt.

Hier is een compact voorbeeld:


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Ion.RangeSlider - test</title>
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/ion.rangeSlider.css" />
    <link rel="stylesheet" href="css/ion.rangeSlider.skinHTML5.css" />
</head>
<body>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/ion.rangeSlider.js"></script>
<script>

    $(function () {
    $("#range_buy").ionRangeSlider({
    type: "single",
    min: 0,
    max: 100000,
	step: 100,
    from: 0,
    keyboard: true,
});
    });
	
	$(function () {
    $("#range_lease").ionRangeSlider({
    type: "single",
    min: 0,
    max: 100000,
	step: 500,
    from: 0,
    keyboard: true,
});
    });
	
	$(function () {
    $("#range_mnd").ionRangeSlider({
    type: "single",
    min: 6,
    max: 72,
	step: 6,
    from: 6,
    keyboard: true,
});
    });
	
	$(function () {
    $("#range_slot").ionRangeSlider({
    type: "single",
    min: 0,
    max: 22500,
	step: 100,
    from: 0,
    keyboard: true,
});
    });
	
	
</script>
<div id="sizebox">
    <div>
      <input type="text" id="range_buy" value="" name="range" />
    </div>
    <div>
      <input type="text" id="range_lease" value="" name="range" />
    </div>
        <div>
        <input type="text" id="range_mnd" value="" name="range" />
    </div>
  <div>
        <input type="text" id="range_slot" value="" name="range" />
    </div>
            <p>&nbsp;</p>
            <p>Lease bedrag per maand: 
              <label for="calc"></label>
              <input type="text" name="range" id="range_slot" value="">
            </p>
</div>
</body>
</html>

[size=xsmall]Toevoeging op 21/03/2015 08:16:14:[/size]

BUMP....

Iemand?