littlekenny
Grünschnabel
Hallo zusammen,
erstmal vorweg, ich bin Neuling in Sachen JavaScript habe aber gute Kenntnisse in HTML und PHP.
Nur JavaScript ist für mich totales Neuland!
Ich habe folgendes Problem:
Wie kann ich diesen Code umschreiben, so dass ich verschiedene Button haben (AN/AUS)
Ich würde gerne meine Lampen in der Wohnung über ein Webscript steuern, da ich verschiedene Lösungen im Einsatz habe!
Folgender Code steht zur Verfügung:
Kann mir jemand sagen, wie ich dass ganze umschreiben müsste, so dass ich nur Buttons habe mit der AN/AUS funktion ohne die ganzen anderen Felder?
Vielen Dank.
Lieben Gruß, Martin.
erstmal vorweg, ich bin Neuling in Sachen JavaScript habe aber gute Kenntnisse in HTML und PHP.
Nur JavaScript ist für mich totales Neuland!
Ich habe folgendes Problem:
Wie kann ich diesen Code umschreiben, so dass ich verschiedene Button haben (AN/AUS)
Ich würde gerne meine Lampen in der Wohnung über ein Webscript steuern, da ich verschiedene Lösungen im Einsatz habe!
Folgender Code steht zur Verfügung:
Javascript:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>API Debug tool</title>
<style>
body{
font-family: verdana;
margin: 20px;
}
h1{
margin: 0px;
font-size: 20px;
}
h2{
font-size: 16px;
margin-top: 20px;
color: grey;
}
#buttons{
clear: left;
}
input{
width: 100%;
}
form{
background: #e8e8e8;
width: 500px;
padding: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
textarea{
padding-top: 10px;
width: 100%;
font-family: monaco,monospace;
font-size: 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
</style>
</head>
<body>
<form name="commandform">
<h1>CLIP API Debugger</h1>
<h2>URL:</h2>
<input hidden="true" name="commandurl" type="text" size="60" value="http://192.168.178.68/api/fDq5iXrks4FbRI8g8fpm7yiz3EpovLivJjG13Ks6/groups/2/action">
<div id="buttons">
<button type="button" onclick="getHTML('GET')">GET</button>
<button type="button" id="an" onclick="getHTML('PUT')">Esszimmer AN</button>
<button type="button" id="aus" onclick="getHTML('PUT')">Esszimmer AUS</button>
<button type="button" onclick="getHTML('POST')">POST</button>
<button type="button" onclick="getHTML('DELETE')">DELETE</button>
</div>
<h2>Message Body:</h2>
<textarea name="messagebodyan" rows="10" cols="100">{"on":true}</textarea>
<input type="text" name="messagebodyaus" value='{"on":false}' rows="10" cols="100"></input>
<h2>Command Response:</h2>
<textarea name="response" rows="25" cols="100"></textarea>
</form>
</body>
</html>
<script language="JavaScript">
function getHTML(command)
{
if (window.XMLHttpRequest)
{
var http = new XMLHttpRequest();
http.open(command, document.commandform.commandurl.value, true);
http.onreadystatechange = function()
{
if(http.readyState == 4)
{
if(http.status==200)
{
document.commandform.response.value="Bad JSON: "+http.responseText
document.commandform.response.value=JSON.stringify(JSON.parse(http.responseText), null, '\t');
}
else
{
document.commandform.response.value="Error "+http.status
}
}
}
http.send(document.commandform.messagebodyan.value);
}
return false;
}
</script>
Kann mir jemand sagen, wie ich dass ganze umschreiben müsste, so dass ich nur Buttons habe mit der AN/AUS funktion ohne die ganzen anderen Felder?
Vielen Dank.
Lieben Gruß, Martin.