2012-03-09 22:37:26 +00:00
|
|
|
<?xml version="1.0" encoding="ISO-8859-1" ?>
|
|
|
|
|
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
|
|
|
|
|
pageEncoding="ISO-8859-1"%>
|
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
|
<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
|
|
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
|
<title>WebSockets</title>
|
|
|
|
|
|
|
|
|
|
<link type="text/css" href="<c:url value="/resources/css/smoothness/jquery-ui-1.8.18.custom.css"/>" rel="stylesheet" />
|
|
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/jquery-1.7.1.min.js" />"></script>
|
|
|
|
|
<script type="text/javascript" src="<c:url value="/resources/js/jquery-ui-1.8.18.custom.min.js" />"></script>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var ws;
|
|
|
|
|
var dmxData;
|
|
|
|
|
|
|
|
|
|
$(document).ready(
|
|
|
|
|
function() {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#slider1").slider({ min: 0, max: 255, slide: function(event, ui) {
|
2012-03-12 00:17:52 +00:00
|
|
|
|
2012-03-09 22:37:26 +00:00
|
|
|
} });
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#slider2").slider({ min: 0, max: 255, slide: function(event, ui) {
|
2012-03-12 00:17:52 +00:00
|
|
|
|
2012-03-09 22:37:26 +00:00
|
|
|
} });
|
|
|
|
|
|
|
|
|
|
$("#slider3").slider({ min: 0, max: 255, slide: function(event, ui) {
|
2012-03-12 00:17:52 +00:00
|
|
|
|
2012-03-09 22:37:26 +00:00
|
|
|
} });
|
|
|
|
|
|
|
|
|
|
$("#buttonLampe1").click(function() {
|
|
|
|
|
|
|
|
|
|
$.getJSON('/devices/1', function(data) {
|
|
|
|
|
|
|
|
|
|
alert("data: " + data.deviceId + " " + data.colorRed );
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2012-03-12 00:17:52 +00:00
|
|
|
<h1>Bunti Steuerung</h1>
|
|
|
|
|
|
2012-03-09 22:37:26 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="demo">
|
|
|
|
|
<div id="slider1" style="width: 300px"></div>
|
|
|
|
|
<div id="slider2" style="width: 300px; margin-top: 10px"></div>
|
|
|
|
|
<div id="slider3" style="width: 300px; margin-top: 10px"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="messages"></div>
|
|
|
|
|
<input type="button" value="Update Lampe 1" id="buttonLampe1" />
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
