Hulp gezocht met range sliders
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:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!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> </p>
<p>Lease bedrag per maand:
<label for="calc"></label>
<input type="text" name="range" id="range_slot" value="">
</p>
</div>
</body>
</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> </p>
<p>Lease bedrag per maand:
<label for="calc"></label>
<input type="text" name="range" id="range_slot" value="">
</p>
</div>
</body>
</html>
Toevoeging op 21/03/2015 08:16:14:
BUMP....
Iemand?
Gewijzigd op 20/03/2015 17:51:53 door Endy V
