manobiletsky
Nieuwe gebruiker
- Lid geworden
- 17 feb 2018
- Berichten
- 2
In de onderstaande code heb ik geprobeerd om de functie "senddata" aan te roepen, maar dit resulteert in een (jquery) slider die niet meer helemaal werkt.
Ik heb meerdere dingen geprobeerd maar in elk geval stopt de slider functie met werken. Het enige dat ik wil is dat de functie "senddata" word gestart, telkens als de waarde van de slider veranderd.
ik hoop dat iemand kan helpen....
Ik heb meerdere dingen geprobeerd maar in elk geval stopt de slider functie met werken. Het enige dat ik wil is dat de functie "senddata" word gestart, telkens als de waarde van de slider veranderd.
ik hoop dat iemand kan helpen....
Code:
<!DOCTYPE html>
<html>
<head>
<title>Wheel.js jQuery Plugin Example</title>
<meta charset="utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script src="js/jquery.wheel.js"></script>
<script>var connection = new WebSocket('ws://' + location.hostname + ':81/', ['arduino']);
connection.onopen = function () {
connection.send('Connect ' + new Date());
};
connection.onerror = function (error) {
console.log('WebSocket Error ', error);
};
connection.onmessage = function (e) {
console.log('Server: ', e.data);
};
// Deze functie moet worden aangeroepen vanuit de (naamloze?) funtie verderop**************************************************
function senddata(t) {
var temp = parseInt(document.getElementById('t').value).toString(16);
console.log('Temperature set to: ' + temp);
connection.send(temp);
}
</script>
</head>
<body>
<h1 style="margin:30px auto; text-align:center">WiFiDomo Thermostat</h1>
<div class="center-content">
<div class="wheel">
<div class="progress"></div>
<div class="center">
<span class="value"></span>
</div>
<a href="javascript:void(0)" class="handle"></a>
</div>
</div>
<script>
function round(value) {
return value.toFixed(1);
}
$(function () {
$(".wheel").wheel({
min: 0.0,
max: 36.0,
step: 5,
onChange: function (value) {
$(".wheel .value").html(round(value) + "°");
//De functie senddata() zou vanaf hier moeten worden aangeroepen ****************************************
}
});
});
</script>
</body>
</html>