Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- A simple web server using an Arduino Wiznet Ethernet shield.
- For Arduino IDE V0022 only. IDE v1.0 require mods to this code.
- Original code created 18 Dec 2009
- by David A. Mellis
- modified 4 Sep 2010
- by Tom Igoe
- modified 21 Jan 2012
- by Tim Dicus
- */
- #include <SPI.h>
- #include <Ethernet.h>
- #include <LiquidCrystal.h>
- // Enter a MAC address and IP address for your controller below.
- // The IP address will be dependent on your local network:
- byte mac[] = { 0xAA, 0xBB, 0xCC, 0xDD, 0xEE, 0xFF };
- byte ip[] = { 192, 168, 0, 31};
- // Initialize the Ethernet server library
- // with the IP address and port you want to use
- // (port 80 is default for HTTP):
- char returned_message[4];
- Server server(80);
- LiquidCrystal lcd(9, 8, 5, 4, 3, 2);
- void setup()
- {
- Serial.begin(9600);
- lcd.begin(16, 2);
- // start the SD interface here if you want.
- // Add the SD.h library above
- // SD.begin(4);
- // start the Ethernet connection and the server:
- Ethernet.begin(mac, ip);
- delay(2000);
- server.begin();
- Serial.println("setup finished");
- }
- String Between(String input, String left, String right){
- int l = input.indexOf(left) + left.length();
- int r = input.indexOf(right,l);
- return(input.substring(l,r));
- }
- void loop()
- {
- String buffer = "";
- String requesturl = "";
- String buffers = "";
- String quellcode = "";
- // listen for incoming clients
- Client client = server.available();
- char incoming_shits;
- if (client) {
- // an http request ends with a blank line
- boolean currentLineIsBlank = true;
- while (client.connected()) {
- while(client.available()) {
- char c = client.read();
- // if you've gotten to the end of the line (received a newline
- // character) and the line is blank, the http request has ended,
- // so you can send a reply
- if(requesturl == ""){
- buffer += c;
- if(c == '\n' && buffer.startsWith("GET")){
- requesturl = buffer.substring(12,buffer.length()-11);
- buffer = "";
- requesturl = requesturl.replace("+"," ");
- requesturl = requesturl.replace("%3F","?");
- requesturl = requesturl.replace("%21","!");
- lcd.clear();
- if (requesturl.length() > 16){
- lcd.print(requesturl.substring(0,16));
- lcd.setCursor(0,1);
- lcd.print(requesturl.substring(16,requesturl.length()));
- }else{
- lcd.setCursor(0,0);
- lcd.print(requesturl);
- }
- }
- }
- if (c == '\n' && currentLineIsBlank) {
- // send a standard http response header
- client.println("HTTP/1.1 200 OK");
- client.println("Content-Type: text/html");
- client.println();
- client.println("<!DOCTYPE html> <html lang=\"en\"> <head> <meta name = \"viewport\" content = \"width = 320,user(-scalable = 1, 0)initial(-Scale() = 3,)maximum-scale = 3\"</meta> <meta charset=\"utf-8\" /> <title>WebPanel</title> <link rel=\"stylesheet\" href=\"css/accordionmenu.css\" type=\"text/css\" media=\"screen\" /> <style type=\"text/css\">/* Reset */ .accordion, .accordion ul, .accordion li, .accordion a, .accordion span { margin: 0; padding: 0; border: none; outline: none; } .accordion li { list-style: none; } /* Layout & Style */ .accordion li > a { display: block; position: relative; min-width: 110px; padding: 0 10px 0 40px; height: 50px; padding-top: 1.5%; color: #fdfdfd; font: bold 15px/32px Arial, sans-serif; text-decoration: none; text-shadow: 0px 1px 0px rgba(0,0,0, .35); background: #6c6e74; background: -moz-linear-gradient(top, #6c6e74 0%, #4b4d51 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51)); background: -webkit-linear-gradient(top, #6c6e74 0%,#4b4d51 100%); background: -o-linear-gradient(top, #6c6e74 0%,#4b4d51 100%); background: -ms-linear-gradient(top, #6c6e74 0%,#4b4d51 100%); background: linear-gradient(top, #6c6e74 0%,#4b4d51 100%); -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); } .accordion > li:hover > a, .accordion > li:target > a, .accordion > li > a.active { color: #3e5706; text-shadow: 1px 1px 1px rgba(255,255,255, .2); /*background: url(../img/active.png) repeat-x;*/ background: #a5cd4e; background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); } /*.accordion li > a span { display: block; position: absolute; top: 7px; right: 0; padding: 0 10px; margin-right: 10px; font: normal bold 12px/18px Arial, sans-serif; background: #404247; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1); box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1); } .accordion > li:hover > a span, .accordion > li:target > a span, .accordion > li > a.active span { color: #fdfdfd; text-shadow: 0px 1px 0px rgba(0,0,0, .35); background: #3e5706; } */ /* Images */ .accordion > li > a:before { position: absolute; top: 23%; left: 0; content: ''; width: 24px; height: 24px; margin: 4px 8px; /* background-repeat: no-repeat; background-image: url(../img/icons.png); background-position: 0 0; */ } /* .accordion li.files > a:before { background-position: 0px 0px; } .accordion li.files:hover > a:before, .accordion li.files:target > a:before, .accordion li.files > a.active:before { background-position: 0px -24px; } .accordion li.mail > a:before { background-position: -24px 0px; } .accordion li.mail:hover > a:before, .accordion li.mail:target > a:before, .accordion li.mail > a.active:before { background-position: -24px -24px; } .accordion li.cloud > a:before { background-position: -48px 0px; } .accordion li.cloud:hover > a:before, .accordion li.cloud:target > a:before, .accordion li.cloud > a.active:before { background-position: -48px -24px; } .accordion li.sign > a:before { background-position: -72px 0px; } .accordion li.sign:hover > a:before, .accordion li.sign:target > a:before, .accordion li.sign > a.active:before { background-position: -72px -24px; } */ /* Sub Menu */ .sub-menu li a { color: #797979; text-shadow: 1px 1px 0px rgba(255,255,255, .2); background: #e5e5e5; border-bottom: 1px solid #c9c9c9; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); } .sub-menu li:hover a { background: #efefef; } .sub-menu li:last-child a { border: none; } .sub-menu li > a span { color: #797979; text-shadow: 1px 1px 0px rgba(255,255,255, .2); background: transparent; border: 1px solid #c9c9c9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sub-menu em { position: absolute; top: 0; left: 0; margin-left: 14px; color: #a6a6a6; font: normal 20px/32px Arial, sans-serif; } /* Functionality */ .accordion li > .sub-menu { display: none; color: white; } .accordion li:target > .sub-menu { display: block; color: white; } body{background:url(img/bg.png) repeat;width:960px;margin:0 auto;font-family:Calibri;font-size:20px;}.footer{margin-top:50px;text-align:center;color:#666;font:bold 14px Arial}.footer a{color:#999;text-decoration:none}#wrapper-250{width:100%;}</style> <meta name=\"robots\" content=\"noindex,follow\" /> </head> <body> <div id=\"wrapper-250\"> <ul class=\"accordion\"> <li id=\"one\" class=\"files\"> <a href=\"#one\">LCD</a> <ul class=\"sub-menu\"> <form method=\"get\" name=\"text\"><input type=\"text\" name=\"fname\" /> <input type=\"submit\" value=\"Absenden\" /><br/>Aktuell angezeigter Text: ");
- if(requesturl == " HTTP/1"){
- client.print("\"LCD leer");
- }else{
- client.print("\"");
- client.print(requesturl);
- }
- client.print("\" </ul> </li> <li id=\"two\" class=\"mail\"> <a href=\"#two\">test2</a> <ul class=\"sub-menu\"> test2 </ul> </li> <li id=\"three\" class=\"cloud\"> <a href=\"#three\">test3</a> <ul class=\"sub-menu\"> test3 </ul> </li> <li id=\"four\" class=\"sign\"> <a href=\"#four\">test4</a> <ul class=\"sub-menu\"> test4 </ul> </li> </ul> </div> <script type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script> <script type=\"text/javascript\"> $(document).ready(function() { // Store variables var accordion_head = $('.accordion > li > a'), accordion_body = $('.accordion li > .sub-menu'); // Open the first tab on load accordion_head.first().addClass('active').next().slideDown('normal'); // Click function accordion_head.on('click', function(event) { // Disable header links event.preventDefault(); // Show and hide the tabs on click if ($(this).attr('class') != 'active'){ accordion_body.slideUp('normal'); $(this).next().stop(true,true).slideToggle('normal'); accordion_head.removeClass('active'); $(this).addClass('active'); } }); }); </script> </body> </html>");
- client.stop();
- }
- else if (c == '\n') {
- // you're starting a new line
- currentLineIsBlank = true;
- }
- else if (c != '\r') {
- // you've gotten a character on the current line
- currentLineIsBlank = false;
- }
- }
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement