Klik aan klik uit
Re: Klik aan klik uit
door DeDraak » 03 Mrt 2016, 21:03
Nou eigenlijk niks Nico, ik wist niet eens dat dit kon en weet ook niet wat dit doet dus ga maar eens kijken wat je bedoelt 
Advertisement
- nicoverduin
-
- Berichten: 5043
- Geregistreerd: 13 Mei 2013, 20:57
- Woonplaats: Heemskerk
Re: Klik aan klik uit
door nicoverduin » 03 Mrt 2016, 21:08
CTRL-T onder windows. Er staat je een verassing te wachten 
Re: Klik aan klik uit
door DeDraak » 03 Mrt 2016, 21:32
Alles verschuift inderdaad wat overzichtelijker!
cpp code
@edit: Als je nu van die code code2=cpp maakt en van /code /code2 dan krijg je deze listing
cpp code
// Serial.println(c); //print the value of c to serial communication
//---------------------------------------------------------------------------------------------
// ? H 1 0
// ^ ^ ^ ^
// | | | |____________read 4 ( 10,11,12,13....)
// | | |______________read 3 ( 1....9)
// | |________________read 2 if user input is H set output to L
// |__________________read 1
//---------------------------------------------------------------------------------------------
if ( c == '1') {
char c = client.read();
switch (c) {
case '0':
triggerPin(outputAddress[10], client, outp);
break;
case '1':
triggerPin(outputAddress[11], client, outp);
break;
case '2':
triggerPin(outputAddress[12], client, outp);
break;
case '3':
triggerPin(outputAddress[13], client, outp);
break;
case '4':
triggerPin(outputAddress[14], client, outp);
break;
case '5':
triggerPin(outputAddress[15], client, outp);
break;
default:
char c = client.read();
triggerPin(outputAddress[1], client, outp);
}
}
else {
switch (c) {
case '0':
triggerPin(outputAddress[0], client, outp);
break;
// case '1':
// triggerPin(outputAddress[1], client, outp);
// break;
case '2':
triggerPin(outputAddress[2], client, outp);
break;
case '3':
//add code here to trigger on 3
triggerPin(outputAddress[3], client, outp);
break;
case '4':
//add code here to trigger on 4
triggerPin(outputAddress[4], client, outp);
break;
case '5':
//add code here to trigger on 5
triggerPin(outputAddress[5], client, outp);
//printHtml(client);
break;
case '6':
//add code here to trigger on 6
triggerPin(outputAddress[6], client, outp);
break;
case '7':
//add code here to trigger on 7
triggerPin(outputAddress[7], client, outp);
break;
case '8':
//add code here to trigger on 8
triggerPin(outputAddress[8], client, outp);
break;
case '9':
//add code here to trigger on 9
triggerPin(outputAddress[9], client, outp);
break;
} //end of switch case
}
@edit: Als je nu van die code code2=cpp maakt en van /code /code2 dan krijg je deze listing
Re: Klik aan klik uit
door DeDraak » 07 Mrt 2016, 12:18
We zijn weer een stapje dichterbij..
Op de foto zie je dat ik de "lamp in de Hoek" kan schakelen middels 433mhz.
Ik snap alleen iets niet in mijn sketch, de huidige sketch stuurt 8 relais aan middels verschillende outputs op mijn arduino, So far so good.
Nu heb ik in deze sketch pin 7 voor de 433mhz transmitter gebruikt. In mijn sketch snapte ik een regel sowieso en heb daar mijn code voor mijn KAKU ontvaher gezet en dit wertk. alleen werkt deze op alle schakelaars in mijn webserver.
Iemand een idee?
cpp code
cpp code
cpp code
Op de foto zie je dat ik de "lamp in de Hoek" kan schakelen middels 433mhz.
Ik snap alleen iets niet in mijn sketch, de huidige sketch stuurt 8 relais aan middels verschillende outputs op mijn arduino, So far so good.
Nu heb ik in deze sketch pin 7 voor de 433mhz transmitter gebruikt. In mijn sketch snapte ik een regel sowieso en heb daar mijn code voor mijn KAKU ontvaher gezet en dit wertk. alleen werkt deze op alle schakelaars in mijn webserver.
Iemand een idee?
cpp code
int outputAddress[] = { 22, 23, 24, 25, 26, 27, 28, 29}; //Allocate 10 spaces and name the output pin address.
String buttonText[16] = {
"Lamp in hoek", "Lucht Pomp", "Onderwater LED", "UV Lampen", "Reserve", "Reserve", "Reserve", "Reserve",
};cpp code
void setup() {
pinMode(7, OUTPUT); // use pin 7 to drive the data pin of the transmitter.
mySwitch.enableTransmit(7);
while (!Serial) {
; // wait for serial port to connect. Needed for Leonardo only
}
Ethernet.begin(mac, ip);
server.begin();
Serial.print("server is at ");
Serial.println(Ethernet.localIP());
Serial.begin(9600);
//Set pins as Outputs
boolean currentState = false;
int var;
for (int i = 0; i < outputQuantity; i++) {
pinMode(outputAddress[i], OUTPUT);
var = outputAddress[i];
//Switch all outputs to either on or off on Startup
if (outputInverted == true) {
digitalWrite(outputAddress[var], HIGH);
if (outputStatus[i] == 0) {
currentState = true; //check outputStatus if off, switch output accordingly
} else {
currentState = false;
}
digitalWrite(var, currentState);
}
else {
//digitalWrite(outputAddress[var], LOW);
if (outputStatus[i] == 0) {
currentState = false; //check outputStatus if off, switch output accordingly
} else {
currentState = true;
}
digitalWrite(var, currentState);
}cpp code
printHtmlButtonTitle(client); //print the button title
sentHeader = true;
}
if (reading && c == ' ') {
reading = false;
}
if (c == '?') {
reading = true; //found the ?, begin reading the info
}
if (reading) {
//if user input is H set output to 1
if (c == 'H') {
outp = 1;
mySwitch.send(A_aan, 24);
}
if (c == 'L') {
outp = 0;
mySwitch.send(A_uit, 24);
}
- Bijlagen
-
- IMG_1628 (002).jpg (47.01 KiB) 6745 keer bekeken
- nicoverduin
-
- Berichten: 5043
- Geregistreerd: 13 Mei 2013, 20:57
- Woonplaats: Heemskerk
Re: Klik aan klik uit
door nicoverduin » 07 Mrt 2016, 12:27
ZOu je jouw tekst wat willen aanpassen? Ik snap nu niet echt wat het probleem is.
Re: Klik aan klik uit
door DeDraak » 07 Mrt 2016, 12:38
Hallo Nico,
Het probleem nu is dat als ik op 1 van de 8 "aan" klik op mijn iphone dat mijn lamp (1 KAKU ontvanger) aan gaat. Dit heb ik ook zo in mijn sketch staan. Dat is de derde code in mijn vorige post (mySwitch.send(A_aan, 24);)
Ik wil dus alleen mijn lamp aan hebben met de bovenste lamp in de hoek "aan"
De relais schakelen wel op elke aparte aan en uit.
Ik snap zo even niet hoe ik elke aparte aan en uit van een KAkU code kan voorzien..
Het probleem nu is dat als ik op 1 van de 8 "aan" klik op mijn iphone dat mijn lamp (1 KAKU ontvanger) aan gaat. Dit heb ik ook zo in mijn sketch staan. Dat is de derde code in mijn vorige post (mySwitch.send(A_aan, 24);)
Ik wil dus alleen mijn lamp aan hebben met de bovenste lamp in de hoek "aan"
De relais schakelen wel op elke aparte aan en uit.
Ik snap zo even niet hoe ik elke aparte aan en uit van een KAkU code kan voorzien..
Re: Klik aan klik uit
door DeDraak » 07 Mrt 2016, 15:13
Ik snap niet zo goed waar de "Aan" en "Uit" functies van mijn webserver in mijn sketch binnenkomen en dit vertalen naar een output op de Arduino, als ik dit beter begrijp dan kan ik verder borduren om deze code aan te passen naar mijn 433mhz code..
- nicoverduin
-
- Berichten: 5043
- Geregistreerd: 13 Mei 2013, 20:57
- Woonplaats: Heemskerk
Re: Klik aan klik uit
door nicoverduin » 07 Mrt 2016, 18:44
Zet je volledige sketches even hier want van deze aparte stukjes is geen touw aan te knopen.
Re: Klik aan klik uit
door DeDraak » 07 Mrt 2016, 21:11
Ik heb maar even een zip file gemaakt, anders is de sketch te groot voor de pagina..
Ik heb deze sketch van het net en heb wat aanpassingen gedaan, sommige dingen heb ik even uitgezet door // ervoor te zetten
Ik heb deze sketch van het net en heb wat aanpassingen gedaan, sommige dingen heb ik even uitgezet door // ervoor te zetten
- Bijlagen
-
- Definitief.zip
- (5.75 KiB) 253 keer gedownload
- nicoverduin
-
- Berichten: 5043
- Geregistreerd: 13 Mei 2013, 20:57
- Woonplaats: Heemskerk
Re: Klik aan klik uit
door nicoverduin » 07 Mrt 2016, 21:26
cpp code
#include <Ethernet.h>
#include <SPI.h>
//////433MHZ/////////
#include <RCSwitch.h>
#define A_aan 327701
#define A_uit 327700
RCSwitch mySwitch = RCSwitch();
////////////////////////////////////////////////////////////////////////
//CONFIGURATION
////////////////////////////////////////////////////////////////////////
//IP manual settings
byte ip[] = {192, 168, 0, 110 }; //Manual setup only
byte gateway[] = {192, 168, 0, 1 }; //Manual setup only
byte subnet[] = {255, 255, 255, 0 }; //Manual setup only
byte mac[] = {0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
//Ethernet Port
EthernetServer server = EthernetServer(81); //default html port 80
//The number of outputs going to be switched.
int outputQuantity = 8; //should not exceed 10
//Invert the output of the leds
boolean outputInverted = false; //true or false
// This is done in case the relay board triggers the relay on negative, rather then on positive supply
//Html page refresh
int refreshPage = 60; //default is 300sec.
//Beware that if you make it refresh too fast, the page could become inacessable.
//Display or hide the "Switch on all Pins" buttons at the bottom of page
int switchOnAllPinsButton = false; //true or false
int outputAddress[] = { 22, 23, 24, 25, 26, 27, 28, 29}; //Allocate 10 spaces and name the output pin address.
String buttonText[16] = {
"Lamp in hoek", "Lucht Pomp", "Onderwater LED", "UV Lampen", "Reserve", "Reserve", "Reserve", "Reserve",
};
// Set the output to retain the last status after power recycle.
int retainOutputStatus[16] = {0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0}; //1-retain the last status. 0-will be off after power cut.
////////////////////////////////////////////////////////////////////////
//VARIABLES DECLARATION
////////////////////////////////////////////////////////////////////////
int outp = 0;
boolean printLastCommandOnce = false;
boolean printButtonMenuOnce = false;
boolean initialPrint = true;
String allOn = "";
String allOff = "";
boolean reading = false;
boolean outputStatus[16]; //Create a boolean array for the maximum ammount.
String rev = "V1.0";
unsigned long timeConnectedAt;
/////////////////////////////////////////////////
// Temperature Related Reading
const int tempInPin = A1;
int tempInValue = 0; //temperature read
int tempScaleOutValue = 0; //temperature formatted
int tempOutValue = 0; //temperature formatted
float tempOutDeg = 0.0;
////////////////////////////////////////////////////////////////////////
//RUN ONCE
////////////////////////////////////////////////////////////////////////
//Beginning of Program
void setup() {
pinMode(7, OUTPUT); // use pin 7 to drive the data pin of the transmitter.
mySwitch.enableTransmit(7);
while (!Serial) {
; // wait for serial port to connect. Needed for Leonardo only
}
Ethernet.begin(mac, ip);
server.begin();
Serial.print("server is at ");
Serial.println(Ethernet.localIP());
Serial.begin(9600);
//Set pins as Outputs
boolean currentState = false;
int var;
for (int i = 0; i < outputQuantity; i++) {
pinMode(outputAddress[i], OUTPUT);
var = outputAddress[i];
//Switch all outputs to either on or off on Startup
if (outputInverted == true) {
digitalWrite(outputAddress[var], HIGH);
if (outputStatus[i] == 0) {
currentState = true; //check outputStatus if off, switch output accordingly
} else {
currentState = false;
}
digitalWrite(var, currentState);
}
else {
//digitalWrite(outputAddress[var], LOW);
if (outputStatus[i] == 0) {
currentState = false; //check outputStatus if off, switch output accordingly
} else {
currentState = true;
}
digitalWrite(var, currentState);
}
}
//Setting up the IP address. Comment out the one you dont need.
Ethernet.begin(mac); //for DHCP address. (Address will be printed to serial.)
Ethernet.begin(mac, ip, gateway, subnet); //for manual setup. (Address is the one configured above.)
server.begin();
Serial.print("Server started at ");
Serial.println(Ethernet.localIP());
}
////////////////////////////////////////////////////////////////////////
//LOOP
////////////////////////////////////////////////////////////////////////
//Run once
void loop() {
//Read Temperature Sensor
tempInValue = analogRead(tempInPin);
// Connecting a 10K3 Thermistor to the Arduino Input
// +5V �—————————[10Kohms]—————————[Thermistor]——� 0V
// To Arduino IP �———————————|
tempScaleOutValue = map(tempInValue, 0, 1023, 1023, 0); //Arduino value and NTC of the 10K3 Thermistor
tempOutValue = map(tempScaleOutValue, 130, 870, -170, 730); //range of Arduino Value compared with Temperature
tempOutValue = tempOutValue - 45; //Adjustments
tempOutDeg = tempOutValue / 10.0;
checkForClient();
}
////////////////////////////////////////////////////////////////////////
//checkForClient Function
////////////////////////////////////////////////////////////////////////
//
void checkForClient() {
EthernetClient client = server.available();
if (client) {
boolean currentLineIsBlank = true;
boolean sentHeader = false;
int temp, temp1;
while (client.connected()) {
if (client.available()) {
char c = client.read();
if (c == '*') {
printHtmlHeader(client); //call for html header and css
printLoginTitle(client);
printHtmlFooter(client);
break;
}
if (!sentHeader) {
printHtmlHeader(client); //call for html header and css
printHtmlButtonTitle(client); //print the button title
sentHeader = true;
}
if (reading && c == ' ') {
reading = false;
}
if (c == '?') {
reading = true; //found the ?, begin reading the info
}
if (reading) {
//if user input is H set output to 1
if (c == 'H') {
outp = 1;
mySwitch.send(A_aan, 24);//Deze werkt, alleen op alle "aan" buttons
}
if (c == 'L') {
outp = 0;
mySwitch.send(A_uit, 24);//Deze werkt, alleen op alle "uit" buttons
}
// Serial.println(c); //print the value of c to serial communication
//---------------------------------------------------------------------------------------------
// ? H 1 0
// ^ ^ ^ ^
// | | | |____________read 4 ( 10,11,12,13....)
// | | |______________read 3 ( 1....9)
// | |________________read 2 if user input is H set output to L
// |__________________read 1
//---------------------------------------------------------------------------------------------
if ( c == '1') {
char c = client.read();
switch (c) {
case '0':
//triggerPin(outputAddress[10], client, outp);
//mySwitch.send(A_uit, 24);
break;
case '1':
triggerPin(outputAddress[11], client, outp);
break;
case '2':
triggerPin(outputAddress[12], client, outp);
break;
case '3':
triggerPin(outputAddress[13], client, outp);
break;
case '4':
triggerPin(outputAddress[14], client, outp);
break;
case '5':
triggerPin(outputAddress[15], client, outp);
break;
default:
char c = client.read();
triggerPin(outputAddress[1], client, outp);
}
}
else {
switch (c) {
case '0':
//triggerPin(outputAddress[0], client, outp);
// mySwitch.send(A_uit, 24);
break;
case '1':
triggerPin(outputAddress[1], client, outp);
break;
case '2':
triggerPin(outputAddress[2], client, outp);
//mySwitch.send(A_uit, 24);
break;
case '3':
//add code here to trigger on 3
triggerPin(outputAddress[3], client, outp);
break;
case '4':
//add code here to trigger on 4
triggerPin(outputAddress[4], client, outp);
break;
case '5':
//add code here to trigger on 5
triggerPin(outputAddress[5], client, outp);
//printHtml(client);
break;
case '6':
//add code here to trigger on 6
triggerPin(outputAddress[6], client, outp);
break;
case '7':
//add code here to trigger on 7
triggerPin(outputAddress[7], client, outp);
break;
case '8':
//add code here to trigger on 8
triggerPin(outputAddress[8], client, outp);
break;
case '9':
//add code here to trigger on 9
triggerPin(outputAddress[9], client, outp);
break;
} //end of switch case
}
}//end of switch switch the relevant output
//if user input was blank
if (c == '\n' && currentLineIsBlank) {
printLastCommandOnce = true;
printButtonMenuOnce = true;
triggerPin(777, client, outp); //Call to read input and print menu. 777 is used not to update any outputs
break;
}
}
}
printHtmlFooter(client); //Prints the html footer
}
else {
if (millis() > (timeConnectedAt + 60000)) {
}
}
}// END
////////////////////////////////////////////////////////////////////////
//triggerPin Function
////////////////////////////////////////////////////////////////////////
//
void triggerPin(int pin, EthernetClient client, int outp) {
if (pin != 777) {
// Serial.println(pin);
if (outp == 1) {
if (outputInverted == false) {
digitalWrite(pin, HIGH);
}
else {
digitalWrite(pin, LOW);
}
}
if (outp == 0) {
if (outputInverted == false) {
digitalWrite(pin, LOW);
}
else {
digitalWrite(pin, HIGH);
}
}
}
//Refresh the reading of outputs
readOutputStatuses();
//Prints the buttons
if (printButtonMenuOnce == true) {
printHtmlButtons(client);
printButtonMenuOnce = false;
}
}
////////////////////////////////////////////////////////////////////////
//printHtmlButtons Function
////////////////////////////////////////////////////////////////////////
//print the html buttons to switch on/off channels
void printHtmlButtons(EthernetClient client) {
//Start to create the html table
client.println("");
//client.println("<p>");
client.println("<FORM>");
client.println("<table border=\"0\" align=\"center\">");
//Printing the Temperature
//client.print("<tr>\n");
//client.print("<td><h4>");
//client.print("Temperatuur");
//client.print("</h4></td>\n");
//client.print("<td></td>");
//client.print("<td>");
//client.print("<h3>");
//client.print(tempOutDeg);
//client.print("°C</h3></td>\n");
//client.print("<td></td>");
//client.print("</tr>");
//Start printing button by button
for (int var = 0; var < outputQuantity; var++) {
//set command for all on/off
allOn += "H";
allOn += outputAddress[var];
allOff += "L";
allOff += outputAddress[var];
//Print begining of row
client.print("<tr>\n");
//Prints the button Text
client.print("<td><h4>");
client.print(buttonText[var]);
client.print("</h4></td>\n");
//Prints the ON Buttons+++++++++++++++++++++++++++++++++++++++++++++++
client.print("<td>");
client.print("<INPUT TYPE=\"button\" VALUE=\"Aan ");
client.print("\" onClick=\"parent.location='/?H");
client.print(var);
client.print("'\"></td>\n");
//Prints the OFF Buttons ---------------------------------------------
client.print(" <td><INPUT TYPE=\"button\" VALUE=\"Uit");
client.print("\" onClick=\"parent.location='/?L");
client.print(var);
client.print("'\"></td>\n");
//Invert the LED display if output is inverted.
if (outputStatus[var] == true ) { //If Output is ON
if (outputInverted == false) { //and if output is not inverted
client.print(" <td><div class='green-circle'><div class='glare'></div></div></td>\n"); //Print html for ON LED
}
else { //else output is inverted then
client.print(" <td><div class='black-circle'><div class='glare'></div></div></td>\n"); //Print html for OFF LED
}
}
else //If Output is Off
{
if (outputInverted == false) { //and if output is not inverted
client.print(" <td><div class='black-circle'><div class='glare'></div></div></td>\n"); //Print html for OFF LED
}
else { //else output is inverted then
client.print(" <td><div class='green-circle'><div class='glare'></div></div></td>\n"); //Print html for ON LED
}
}
//Print end of row
client.print("</tr>\n");
}
//Display or hide the Print all on Pins Button
if (switchOnAllPinsButton == true ) {
//Prints the ON All Pins Button
client.print("<tr>\n<td><INPUT TYPE=\"button\" VALUE=\"Switch ON All Pins");
client.print("\" onClick=\"parent.location='/?");
client.print(allOn);
client.print("'\"></td>\n");
//Prints the OFF All Pins Button
client.print("<td><INPUT TYPE=\"button\" VALUE=\"Switch OFF All Pins");
client.print("\" onClick=\"parent.location='/?");
client.print(allOff);
client.print("'\"></td>\n<td></td>\n<td></td>\n</tr>\n");
}
//Closing the table and form
client.println("</table>");
client.println("</FORM>");
//client.println("</p>");
}
////////////////////////////////////////////////////////////////////////
//readOutputStatuses Function
////////////////////////////////////////////////////////////////////////
//Reading the Output Statuses
void readOutputStatuses() {
for (int var = 0; var < outputQuantity; var++) {
outputStatus[var] = digitalRead(outputAddress[var]);
//Serial.print(outputStatus[var]);
}
}
////////////////////////////////////////////////////////////////////////
//htmlHeader Function
////////////////////////////////////////////////////////////////////////
//Prints html header
void printHtmlHeader(EthernetClient client) {
// Serial.print("Serving html Headers at ms -");
timeConnectedAt = millis(); //Record the time when last page was served.
// Serial.print(timeConnectedAt); // Print time for debbugging purposes
// send a standard http response header
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println("Connnection: close");
client.println();
client.println("<!DOCTYPE HTML>");
client.println("<head>");
// add page title
client.println("<title>Test</title>");
client.println("<meta name=\"description\" content=\"Test\"/>");
// add a meta refresh tag, so the browser pulls again every x seconds:
client.print("<meta http-equiv=\"refresh\" content=\"");
client.print(refreshPage);
client.println("; url=/\">");
// add other browser configuration
client.println("<meta name=\"apple-mobile-web-app-capable\" content=\"yes\">");
client.println("<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"default\">"); //default
client.println("<meta name=\"viewport\" content=\"width=device-width, user-scalable=no\">"); //no
//inserting the styles data, usually found in CSS files.
client.println("<style type=\"text/css\">");
client.println("");
//This will set how the page will look graphically
client.println("html { height:100%; }");
client.println(" body {");
client.println(" height: 100%;");
client.println(" margin: 0;");
client.println(" font-family: helvetica, sans-serif;");
client.println(" -webkit-text-size-adjust: none;");
client.println(" }");
client.println("");
client.println("body {");
client.println(" -webkit-background-size: 100% 21px;");
client.println(" background-color: #008800;");
client.println(" background-image:");
client.println(" -webkit-gradient(linear, left top, right top,");
client.println(" color-stop(.75, transparent),");
client.println(" color-stop(.75, rgba(255,255,255,.1)) );");
client.println(" -webkit-background-size: 7px;");
client.println(" }");
client.println("");
client.println(".view {");
client.println(" min-height: 100%;");
client.println(" overflow: auto;");
client.println(" }");
client.println("");
client.println(".header-wrapper {");
client.println(" height: 44px;");
client.println(" font-weight: bold;");
client.println(" text-shadow: rgba(0,0,0,0) 0 -1px 0;");
client.println(" border-top: solid 1px rgba(255,255,255,0.6);");
client.println(" border-bottom: solid 1px rgba(0,0,0,0.6);");
client.println(" color: #fff;");
client.println(" background-color: #006600;");
client.println(" background-image:");
client.println(" -webkit-gradient(linear, left top, left bottom,");
client.println(" from(rgba(255,255,255,.4)),");
client.println(" to(rgba(255,255,255,.05)) ),");
client.println(" -webkit-gradient(linear, left top, left bottom,");
client.println(" from(transparent),");
client.println(" to(rgba(0,0,64,.1)) );");
client.println(" background-repeat: no-repeat;");
client.println(" background-position: top left, bottom left;");
client.println(" -webkit-background-size: 100% 21px, 100% 22px;");
client.println(" -webkit-box-sizing: border-box;");
client.println(" }");
client.println("");
client.println(".header-wrapper h1 {");
client.println(" text-align: center;");
client.println(" font-size: 20px;");
client.println(" line-height: 44px;");
client.println(" margin: 0;");
client.println(" }");
client.println("");
client.println(".group-wrapper {");
client.println(" margin: 9px;");
client.println(" }");
client.println("");
client.println(".group-wrapper h2 {");
client.println(" color: #4c566c;");
client.println(" font-size: 17px;");
client.println(" line-height: 0.8;");
client.println(" font-weight: bold;");
client.println(" text-shadow: #fff 0 1px 0;");
client.println(" margin: 20px 10px 12px;");
client.println(" }");
client.println("");
client.println(".group-wrapper h3 {");
client.println(" color: #4c566c;");
client.println(" font-size: 12px;");
client.println(" line-height: 1;");
client.println(" font-weight: bold;");
//client.println(" text-shadow: #fff 0 1px 0;");
client.println(" margin: 20px 10px 12px;");
client.println(" }");
client.println("");
client.println(".group-wrapper h4 {"); //Text for description
client.println(" color: #212121;");
client.println(" font-size: 14px;");
client.println(" line-height: 1;");
client.println(" font-weight: bold;");
client.println(" text-shadow: #aaa 1px 1px 3px;");
client.println(" margin: 5px 5px 5px;");
client.println(" }");
client.println("");
client.println(".group-wrapper table {");
client.println(" background-color: #fff;");
client.println(" -webkit-border-radius: 10px;");
client.println(" -moz-border-radius: 10px;");
client.println(" -khtml-border-radius: 10px;");
client.println(" border-radius: 10px;");
client.println(" font-size: 17px;");
client.println(" line-height: 20px;");
client.println(" margin: 9px 0 20px;");
client.println(" border: solid 1px #a9abae;");
client.println(" padding: 11px 3px 12px 3px;");
client.println(" margin-left:auto;");
client.println(" margin-right:auto;");
client.println(" -moz-transform :scale(1);"); //Code for Mozilla Firefox
client.println(" -moz-transform-origin: 0 0;");
client.println(" }");
client.println("");
//how the green (ON) LED will look
client.println(".green-circle {");
client.println(" display: block;");
client.println(" height: 23px;");
client.println(" width: 23px;");
client.println(" background-color: #0f0;");
//client.println(" background-color: rgba(60, 132, 198, 0.8);");
client.println(" -moz-border-radius: 11px;");
client.println(" -webkit-border-radius: 11px;");
client.println(" -khtml-border-radius: 11px;");
client.println(" border-radius: 11px;");
client.println(" margin-left: 1px;");
client.println(" background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(46, 184, 0, 0.8)), to(rgba(148, 255, 112, .9)));@");
client.println(" border: 2px solid #ccc;");
client.println(" }");
client.println("");
//how the black (off)LED will look
client.println(".black-circle {");
client.println(" display: block;");
client.println(" height: 23px;");
client.println(" width: 23px;");
client.println(" background-color: #040;");
client.println(" -moz-border-radius: 11px;");
client.println(" -webkit-border-radius: 11px;");
client.println(" -khtml-border-radius: 11px;");
client.println(" border-radius: 11px;");
client.println(" margin-left: 1px;");
client.println(" -webkit-box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px;");
client.println(" -moz-box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px; /* FF 3.5+ */");
client.println(" box-shadow: rgba(11, 140, 27, 0.5) 0px 10px 16px; /* FF 3.5+ */");
client.println(" }");
client.println("");
//this will add the glare to both of the LEDs
client.println(" .glare {");
client.println(" position: relative;");
client.println(" top: 1;");
client.println(" left: 5px;");
client.println(" -webkit-border-radius: 10px;");
client.println(" -moz-border-radius: 10px;");
client.println(" -khtml-border-radius: 10px;");
client.println(" border-radius: 10px;");
client.println(" height: 1px;");
client.println(" width: 13px;");
client.println(" padding: 5px 0;");
client.println(" background-color: rgba(200, 200, 200, 0.25);");
client.println(" background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));");
client.println(" }");
client.println("");
//and finally this is the end of the style data and header
client.println("</style>");
client.println("</head>");
//now printing the page itself
client.println("<body>");
client.println("<div class=\"view\">");
client.println(" <div class=\"header-wrapper\">");
client.println(" <h1>Handy Remote</h1>");
client.println(" </div>");
//////
} //end of htmlHeader
////////////////////////////////////////////////////////////////////////
//htmlFooter Function
////////////////////////////////////////////////////////////////////////
//Prints html footer
void printHtmlFooter(EthernetClient client) {
//Set Variables Before Exiting
printLastCommandOnce = false;
printButtonMenuOnce = false;
allOn = "";
allOff = "";
//printing last part of the html
////////Create webcam feed//////
client.print("<h2 align=\"center\"><iframe src=""http://gebruikersnaam:wachtwoord@Ipadres:poortnummer/video.cgi"" width=""310"" height=""240"" scrolling=""no"" ></iframe/>");
// client.println("\n<h3 align=\"center\">©Dennis <br> Amsterdam - Januari - 2016 - ");
client.println(rev);
client.println("</h2></div>\n</div>\n</body>\n</html>");
delay(1); // give the web browser time to receive the data
client.stop(); // close the connection:
Serial.println(" - Done, Closing Connection.");
delay (2); //delay so that it will give time for client buffer to clear and does not repeat multiple pages.
} //end of htmlFooter
////////////////////////////////////////////////////////////////////////
//printHtmlButtonTitle Function
////////////////////////////////////////////////////////////////////////
//Prints html button title
void printHtmlButtonTitle(EthernetClient client) {
client.println("<div class=\"group-wrapper\">");
client.println();
}
////////////////////////////////////////////////////////////////////////
//printLoginTitle Function
////////////////////////////////////////////////////////////////////////
//Prints html button title
void printLoginTitle(EthernetClient client) {
// client.println("<div class=\"group-wrapper\">");
client.println(" <h2>Please enter the user data to login.</h2>");
client.println();
}
Wie is er online?
Gebruikers in dit forum: Geen geregistreerde gebruikers en 12 gasten