<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Plug-Controller</title>
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<link rel="stylesheet" href="my.css" />
<style>
/* App custom styles */
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.js">
</script>
<script src="my.js">
</script>
</head>
<body>
<!-- Home -->
<div data-role="page" id="page1">
<div data-role="content">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="dose1">
Steckdose 1
</label>
<select name="toggleswitch2" id="1" data-theme="" data-role="slider">
<option value="off">
Off
</option>
<option value="on">
On
</option>
</select>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="dose2">
Steckdose 2
</label>
<select name="toggleswitch3" id="2" data-theme="" data-role="slider">
<option value="off">
Off
</option>
<option value="on">
On
</option>
</select>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="dose3">
Steckdose 3
</label>
<select name="toggleswitch4" id="3" data-theme="" data-role="slider">
<option value="off">
Off
</option>
<option value="on">
On
</option>
</select>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="dose4">
Steckdose 4
</label>
<select name="toggleswitch5" id="4" data-theme="" data-role="slider">
<option value="off">
Off
</option>
<option value="on">
On
</option>
</select>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="dose5">
Steckdose 5
</label>
<select name="toggleswitch6" id="5" data-theme="" data-role="slider">
<option value="off">
Off
</option>
<option value="on">
On
</option>
</select>
</fieldset>
</div>
</div>
</div>
<script>
$( "select" ).bind( "change", function(event, ui) {
console.log($(this).attr('id') + ' - ' + $(this).val());
$.ajax({
url: 'send.php',
type: "POST",
data: {id : $(this).attr('id'), status: $(this).val(), timestamp: new Date().getTime()},
success: function(data) {
console.log(data);
}
});
});
//App custom javascript
</script>
</body>
</html>
<?php
// ./send 11111 1 1 -->> schaltet die erste Dose an
// ./send 11111 1 0 -->> schaltet die erste Dose aus.
$id = $_POST["id"];
if($_POST["status"]==on)
$status = 1;
else
$status = 0;
$output = `sudo /root/rcswitch-pi/send 11111 $id $status`;
echo "<pre>$output</pre>";
?>
oder [code]'s posten
es wäre besser es zu posten oder als *.zip anzuhängen (siehe forum rules §9)
jquery würde ich aber auch lokal speichern und den download link hier zur verfügung stellen bzw beschreiben wohin das gespeichert werden müsste denn sonst funktioniert der jquery kram nur wenn man mit dem rpi online ist
Es kommt Bewegung rein ;=) Ich bin zur Zeit und auch in den letzten Wochen beruflich viel unterwegs sonst hätte ich hier schon weitergemacht.
Die Steckdosen sollten einen bestimmten Chipsatzunterstützen - ich muss mal die Spezifikationen heraussuchen.
Aber derzeit gibt es im OBi eine Aktion da gibbet die Steckdosen plus Fernsteuerung für 3 oder 4,99 Euro.
Da kann man zugreifen. Ich habe das ganze ein wenig weiterentwickelt und schalte mittlerweile auch
die Garagen meiner Nachbarn ;=) **hehehe** - bin aber derweilen am umbasteln und möchte einen Rückkanal
für eine Betätigungs / Statusmeldung einbauen. Den entsprechen Receiver habe ich schon geordert.....
Wg. der Steckdosen schaut mal bei mydealz da gibbet mehr Infos.
Wir verwenden Cookies und ähnliche Technologien für folgende Zwecke:
Akzeptieren Sie Cookies und diese Technologien?
Wir verwenden Cookies und ähnliche Technologien für folgende Zwecke:
Akzeptieren Sie Cookies und diese Technologien?