Re: Dynamic web pages?
Posted: Sat Jul 13, 2019 11:06 am
Hello let me rephrase what I was trying to say i even got a little confused by saying dynamic pages. I didn't understand sorry about that.
What I'm trying to do is i know without some type of SD card to host files like images or html pages it is impossible to do with the Esp8266. Ruby helped me before with finding a arduino sketch that has multiple pages on it. Thank you for that.
Second part is
void handleExample() {
webserver.send(200, "text/html", EXAMPLE_HTML);
}
and the last part is
webserver.on("/example", handleExample);
What I'm trying to do is Automate this a little and make able to create newer pages without having to go into the code and create more code by hand.
From what I'm seeing Posted by you Ruby is a FSBrowser sketch. and Reading about it will let me load files like html pages and images. But doesn't that require a Sd card module? Looking at the code there is not anything for a Sd card? Sorry still new to the whole coding world. My area in skills is hardware love building it and making it work. Love taking something old and making something new out of it.
Joseph
What I'm trying to do is i know without some type of SD card to host files like images or html pages it is impossible to do with the Esp8266. Ruby helped me before with finding a arduino sketch that has multiple pages on it. Thank you for that.
Code: Select all
static const char PROGMEM EXAMPLE_HTML[] = R"rawliteral(
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
color: #434343;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857142857143;
padding: 20px;
}
.container {
margin: 0 auto;
max-width: 400px;
}
form .field-group {
box-sizing: border-box;
clear: both;
padding: 4px 0;
position: relative;
margin: 1px 0;
width: 100%;
}
form .field-group > label {
color: #757575;
display: block;
margin: 0 0 5px 0;
padding: 5px 0 0;
position: relative;
word-wrap: break-word;
}
input[type=text] {
background: #fff;
border: 1px solid #d0d0d0;
border-radius: 2px;
box-sizing: border-box;
color: #434343;
font-family: inherit;
font-size: inherit;
height: 2.14285714em;
line-height: 1.4285714285714;
padding: 4px 5px;
margin: 0;
width: 100%;
}
input[type=text]:focus {
border-color: #4C669F;
outline: 0;
}
.button-container {
box-sizing: border-box;
clear: both;
margin: 1px 0 0;
padding: 4px 0;
position: relative;
width: 100%;
}
button[type=submit] {
box-sizing: border-box;
background: #f5f5f5;
border: 1px solid #bdbdbd;
border-radius: 2px;
color: #434343;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 14px;
font-variant: normal;
font-weight: 400;
height: 2.14285714em;
line-height: 1.42857143;
margin: 0;
padding: 4px 10px;
text-decoration: none;
vertical-align: baseline;
white-space: nowrap;
}
</style>
</head>
<body>
<div class="container">
<h1 style="text-align: center;">Wifi Details</h1>
<form method="post" action="/">
<div class="field-group">
<label>SSID</label>
<input name="ssid" type="text" length=32>
</div>
<div class="field-group">
<label>Password</label>
<input name="password" type="text" length=64>
</div>
<div class="button-container">
<button type="submit">Save</button
</div>
</form>
</div>
</body>
</html>
)rawliteral";
Second part is
void handleExample() {
webserver.send(200, "text/html", EXAMPLE_HTML);
}
and the last part is
webserver.on("/example", handleExample);
What I'm trying to do is Automate this a little and make able to create newer pages without having to go into the code and create more code by hand.
From what I'm seeing Posted by you Ruby is a FSBrowser sketch. and Reading about it will let me load files like html pages and images. But doesn't that require a Sd card module? Looking at the code there is not anything for a Sd card? Sorry still new to the whole coding world. My area in skills is hardware love building it and making it work. Love taking something old and making something new out of it.
Joseph