Example: WebServing from DoMore

[plcnut]

I am very glad that some of you guys have been able to make use of the code. I have invested quite a bit of time in developing this code further, but have not taken the time to document the details of saving the settings, and working with buttons and indicators for an actual HMI. I wish I had the time to go through my programs and put all the info on here, but the code is full of proprietary content, and cannot be put on here without me taking the time to generify it.

I am happy to attempt to answer questions though.

[plcnut]

Also, Do-more can even serve up a favicon (The little icon that is found in the corner of your browser tab, like the blue H that is on this page). It takes some creative manipulation to get it into a string structure, but it does work

[Bolt]

I'm not seeing any links or downloads of the example program?

[plcnut]

It is attached to reply number 8.

[Bolt]

Thanks.  I read the entire post before signing up the forum, and scanned back through it to make sure I wasn't missing anything members only.  Guess I need to work on my scanning skills...

I got it to work, but right now for me the concept needs more programming time than I have to devote to it.

Thank you for posting though!

[Bolt]

Alright, I'm back to working on this and have my page structured as I would like.  I could just use a little help with a button.  How can I get a button to perform an action on the PLC, preferably without changing pages?  Something simple like a oneshot bit toggle.

[Bolt]

Could you help me out with how you structured the "save new setting" button pictured in your screenshot?

As of now I have only been able to build a button, which is linked via

Code: [Select]

<a href = $"1$">, then can use the STR2INT command to find this number 1, and use it to trigger a coil on the PLC.  Then I added some info to the head of the html document

Code: [Select]

<meta http-equiv=$"refresh$" content=$"3;URL='http://" DST18:UB3 "." DST18:UB2 "." DST18:UB1 "." DST18:UB0 ":8080/0'$"> to force the browser to wait 3 seconds and then navigate away from the "command".  Needless to say, it's not as clean as I would like.

Did you use an HTML form and a submit input button, and if so, what's the behind the scene "command" going to the PLC?  Such a scenario requires the web server to process the info, and that's where I am getting lost.

[plcnut]

I hope to have some time soon to be able to help you out.

[plcnut]

Here is a much more advanced version of the WebServer that includes many other features:
-serves a sample favicon.
-has pages that automatically update variables using javascript (without reloading the whole page).
-These pages also have a timer that will re-direct the page after so many minutes of inactivity.
-There is a sample that builds the headers and then builds and streams out a csv file.
-There is a sample that will allow you to save or delete from a list of email addresses (that are formatted to work with the EMAIL instructions).
-There are several link and button samples.

I have devoted considerable time learning and developing this code. There are MANY things that could be done better, but this is where it is currently at.

I hope this will answer many of the questions that people have when building these types of apps.

[plcnut]

If you find neat tricks or add features, please contribute back for myself and others to learn as well

[Mike Nash]

Wow, this is pretty neat. Thanks for sharing!

[Bolt]

This is great stuff!

One thing I did on my first attempt at a web interface was add <meta name=$"viewport$" content=$"width=device-width, initial-scale=1.0$"> to the WebPagePrefix, it makes it easier to load on a phones and other small devices, changes the default zoom width or something.