User manual
28/48 myEthernet Technische Beschreibung / technical description
www.myAVR.de © Laser & Co. Solutions GmbH – 06/2009 www.myAVR.com
Der HTML- und Javascriptcode: The HTML and java script code:
<html>
<
head>
<title>myAVR-Server</title>
<script language="JavaScript" type="text/javascript">
var leds = new Array(°v20°,°v21°);
function switchLED(pinnr) { //Url für Umschaltung zusammensetzen
leds[pinnr-20]==0?leds[pinnr-20]=1:leds[pinnr-20]=0;
var change=
"?myChangeCmd=%B0o"+pinnr+"%7E"+leds[pinnr-20]+"%B0";
doRequest(change);
onloadDo();
}
function onloadDo() { //Zustandsausgabe
var txt="Grüne LED an PIN20 = "+leds[0]+"<br>Rote LED an PIN21 = "
+leds[1]+"<br>";
document.getElementById("out").innerHTML=txt;
}
// Ajax Request
function doRequest(fileUrl) {
var req;
if (window.XMLHttpRequest){
req = new XMLHttpRequest();
} else if (window.ActiveXObject){
try{req = new ActiveXObject("MSXML2.XMLHTTP");}
catch(e){
try{req = new ActiveXObject("Microsoft.XMLHTTP");}
catch(e){}
}
}
if (req)
{
fileUrl+="&"+(Math.round(Math.random()*1000000));
req.open("GET", fileUrl, false);
}
try{req.send(null);} catch(e){}
}
</script>
</head>
<
body onLoad="onloadDo();">
<
b>myEthernet - Status-LEDs</b><br><br>
<a href="javascript:switchLED(20);" style="padding:4px;">Grün</a>
<
a href="javascript:switchLED(21);" style="padding:4px;">Rot</a><br><br>
<div id="out"></div>
</body>
</
html>
Mit diesem komplexen Beispiel kann jetzt jede LED ge-
schalten werden. Der Ausdruck
„var leds = new Array(°v20°,°v21°);“
dient als Zwischenspeicher für den aktuellen Zustand der
LEDs und wird beim Laden der Seite entsprechend durch
den myEthernet-Webserver ersetzt.
In der Funktion
„switchLED(pinnr)“
wird die Adresse für den myEthernet-Webserver
zusammengesetzt und dann per Ajaxrequest gesendet.
Die Funktion
„doRequest()“
sendet nach dem Ajaxprinzip eine Anfrage an den
myEthernet-Webserver ohne die aktuelle Webseite neu
zuladen.
Das ausführliche und grafisch hinterlegte Beispiel zu
diesem Anwendungsfall ist im Unterpunkt der „Bsp-
Anwendungen“ auf den myEthernet-Webseiten zu finden.
Each LED can be switched with this complex example.
The phrase
“var leds = new Array(°v20°,°v21°);“
serves as a buffer for the actually status of the LEDs and
will be replaced through the myEthernet web server by
loading the site.
The address for the myEthernet web server is composed
in the function
„switchLED(pinnr)“
and will be sent via ajaxrequest.
The function
„doRequest()“
send a request to the myEthernet web server after ajax
principle without loading the website again.
You can find a detailed and graphically deposited
example to this application in the point “Example of use”
on the myEthernet websites.