71 lines
1.9 KiB
Plaintext
71 lines
1.9 KiB
Plaintext
<form method="POST" id="form-range">
|
|
|
|
<div>
|
|
<div class="row center-align">
|
|
<h6>Od</h6>
|
|
</div>
|
|
<div class="row center-align">
|
|
<h6 id="from-value"><%= rangeFrom.value %> <%= unit %> </h12>
|
|
</div>
|
|
<p class="range-field">
|
|
<input name="from" id="from" type="range" value="<%= rangeFrom.value %>" min="<%= rangeFrom.min %>"
|
|
max="<%= rangeFrom.max %>" step="<%= rangeFrom.step %>" />
|
|
</p>
|
|
<div class="row center-align">
|
|
<h6>Do</h6>
|
|
</div>
|
|
<div class="row center-align">
|
|
<h6 id="to-value"><%= rangeTo.value %> <%= unit %></h12>
|
|
</div>
|
|
<p class="range-field">
|
|
<input name="to" id="to" type="range" value="<%= rangeTo.value %>" min="<%= rangeTo.min %>"
|
|
max="<%= rangeTo.max %>" step="<%= rangeTo.step %>" />
|
|
</p>
|
|
</div>
|
|
<div class="col s6 push-s3">
|
|
<a id="btnsubmit" href="#" class="welcome-center-button waves-effect waves-light btn">
|
|
Dalje
|
|
</a>
|
|
</div>
|
|
</form>
|
|
|
|
<script>
|
|
|
|
$(document).ready(() => {
|
|
|
|
$("#from").change(function () {
|
|
if (Number($("#from").val()) >= Number($("#to").val())) {
|
|
$("#from").val(Number($("#to").val()) - Number(<%= rangeFrom.step %>) )
|
|
}
|
|
|
|
$('#from-value').text($("#from").val() + "<%= unit %>");
|
|
});
|
|
|
|
$("#to").change(function () {
|
|
|
|
if (Number($("#to").val()) <= Number($("#from").val())) {
|
|
$("#to").val(Number($("#from").val()) + Number(<%= rangeTo.step %>) )
|
|
}
|
|
$('#to-value').text($("#to").val() + "<%= unit %>");
|
|
});
|
|
|
|
|
|
$("#btnsubmit").click(() => {
|
|
var from = $("#from").val();
|
|
var to = $("#to").val();
|
|
|
|
$("#foo").on("click", function () {
|
|
alert($(this).text());
|
|
});
|
|
|
|
if (parseInt(from, 10) >= parseInt(to, 10)) {
|
|
alert("\"Od\" vrijednost ne smije biti veca od \"Do\" vrijednosti ")
|
|
return;
|
|
}
|
|
|
|
$("#form-range").submit();
|
|
});
|
|
|
|
});
|
|
|
|
</script> |