3.4.x Einbindung jquery - slider im Seitenlayout

[avogt]

Hallo Zusammen,
ich glaube, dies ist eher eine Frage zu Programmierung als zu contao. Aber vielleicht kann mir ja doch jemand der Profis helfen.

Ich möchte den ionrangeSlider verwenden, um einen Kalkulator zu erstellen.
Ich habe die scripte in der fe-page eingebunden.

Im Formulargenerator habe ich Textfelder angelegt und auf verschiedene IDs ( rs_pcs)verwiesen.
(beispiel: rs_anwender, rs_pcs)
Im Seitenlayout steht jeweils folgender Script:

<script>
jQuery(".rs_pcs").ionRangeSlider({
type: "single",
min: 0,
max: 100,
from: 2000,
step: 1,
grid: true,
})
</script>

Nun möchte ich aber folgende Einstellungen einbinden (Aus Beispiel). Doch immer wenn ich diese Ergänzungen mache, greift nichts mehr!
Wie muss ich in den Code oben, diese Einträge durchführen?
Danke für jede Hilfe!

<script src="js/ion.rangeSlider.js"></script>
<script>
$(function(){

var faktor_anwender = 0;
var faktor_pcs = 9;
var faktor_server = 39;

$("#rs_anwender").ionRangeSlider({
min: 0,
max: 1000,
type: 'single',
step: 1,
prettify: true,
onChange: function (data) {
var gesamt = Number($("#rs_anwender").val() * Number(faktor_anwender)) + Number($("#rs_pcs").val() * Number(faktor_pcs)) + Number($("#rs_server").val() * Number(faktor_server));
$("#rs_preis").val(gesamt);
},
onFinish: function (data) {
var gesamt = Number($("#rs_anwender").val() * Number(faktor_anwender)) + Number($("#rs_pcs").val() * Number(faktor_pcs)) + Number($("#rs_server").val() * Number(faktor_server));
$("#anwender").val("Anwender: " + Number($("#rs_anwender").val()));
}
});

$("#rs_pcs").ionRangeSlider({
min: 0,
max: 500,
type: 'single',
step: 1,
prettify: true,
onChange: function (data) {
var gesamt = Number($("#rs_pcs").val() * Number(faktor_pcs)) + Number($("#rs_anwender").val() * Number(faktor_anwender)) + Number($("#rs_server").val() * Number(faktor_server));
$("#rs_preis").val(gesamt);
},
onFinish: function (data) {
var gesamt = Number($("#rs_pcs").val() * Number(faktor_pcs)) + Number($("#rs_anwender").val() * Number(faktor_anwender)) + Number($("#rs_server").val() * Number(faktor_server));
$("#pcs").val("PCs: " + Number($("#rs_pcs").val()));
}
});

$("#rs_server").ionRangeSlider({
min: 0,
max: 100,
type: 'single',
step: 1,
prettify: true,
onChange: function (data) {
var gesamt = Number($("#rs_server").val() * Number(faktor_server)) + Number($("#rs_pcs").val() * Number(faktor_pcs)) + Number($("#rs_anwender").val() * Number(faktor_anwender));
$("#rs_preis").val(gesamt);
},
onFinish: function (data) {
var gesamt = Number($("#rs_server").val() * Number(faktor_server)) + Number($("#rs_pcs").val() * Number(faktor_pcs)) + Number($("#rs_anwender").val() * Number(faktor_anwender));
$("#server").val("Server: " + Number($("#rs_server").val()));
}
});



});
</script>

[Monique Hahnefeld]

Hi,
schau mal in der Console, was dir da für Fehler ausgegeben werden. Ich sehe schonmal auf den ersten Blick das ein Semikolon fehlt

<script>
jQuery(".rs_pcs").ionRangeSlider({
type: "single",
min: 0,
max: 100,
from: 2000,
step: 1,
grid: true,
});
</script>