Skip to Content

SiePortal

The integrated platform for your product selection, buying and support workflow - bringing together Industry Mall and Online Support.

SiePortalDeutsch

Search

Home
Support Support
{{(apiData.Support | filter:{'rank':1}:true)[0].title}} Support
- Menu temporary not available
- Menu temporary not available
- Menue temporary not available
- {{item.title}}

Products & Services
- Menu temporary not available
- Menue temporary not available
- {{item.title}}
Support Support
{{(apiData.Support | filter:{'rank':1}:true)[0].title}} Support
- Menu temporary not available
- Menue temporary not available
- {{item.title}}
MySiePortal MySiePortal
{{(apiData.MySiePortal | filter:{'rank':1}:true)[0].title}} MySiePortal
- Menu temporary not available
- Menue temporary not available
- {{item.title}}
Cart ({{apiData.CartCount}})

Navigation

Help implementing Javascript in Webserver S7-1200

Created by: andrea.miclausig at: 10/23/2017 10:47 AM (3 Replies)

Rating (2)

Thanks 2

4 Entries

10/23/2017 10:47 AM	Rate (0)
andrea.miclausig Posts: 4 Rating: (0)	Hi everyone. First of all, I'm not sure if this is the correct section, but I couldn't find any other appropriate section. Let's begin. SItuation: an S7-1200 PLC with Webserver turned on. Code attached. It has to test the correct model according to selection. The Reset_All function resets all variables to zero and stops the test. At the moment, it's working correctly. <!-- AWP_In_Variable Name='Model_1' --> <!-- AWP_In_Variable Name='Model_2' --> <!-- AWP_In_Variable Name='Model_3' --> <!-- AWP_In_Variable Name='All_Models' --> <!-- AWP_In_Variable Name='Reset_All' --> <!-- With these AWP-Statements the variables are allowed to be written to, e.g. by using HTML forms --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Language" content="en" > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <title>Model test</title> </head> <font face="Calibri"> <font size="10"> <p> <h3>Model Test</h3> </p> <body> <font size="4"> <table class="demohead" > <!-- common head for all demo pages --> <tr class="demorow" > <td class="democoltitle" >Please choose model</td> </tr> </table> <!--<hr>--> <br> <br> <table> <tr> <td>Model_2</td> <form method="post" action=""> <td><input type="submit" value="Start"> <input type="hidden" name='Model_2' size="20px" value="1"> </td> </form> </tr> <tr> <td>Model_1</td> <form method="post" action=""> <td> <input type="submit" value="Start"> <input type="hidden" name='Model_1' size="20px" value="1"> </td> </form> </tr> <tr> <td>Model_3</td> <form method="post" action=""> <td> <input type="submit" value="Start"> <input type="hidden" name='Model_3' size="20px" value="1"> </td> </form> </tr> <tr> <td>All channels</td> <form method="post" action=""> <td> <input type="submit" value="Start"> <input type="hidden" name='All_Models' size="20px" value="1"> </td> </form> </tr> <tr> <td>Stop test</td> <form method="post" action=""> <td><input type="submit" value="Reset"> <input type="hidden" name='Reset_All' size="20px" value="1"> <input type="hidden" name='Reset_All' size="20px" value="0"></td> </form> </tr> </table> </font> </font> </body> </html> Requirement: I'd like to implement a drop down menu where you choose the model and simply press start, with a reset button to stop the test. Example here. <select name="Model_list"> <option value="Model_1">Model_1</option> <option value="Model_2">Model_2</option> <option value="Model_3">Model_3</option> </select> <input type="submit" value="Start" onclick="setSelected()"> <input type="hidden" name="Model_selection" size="20px" value=""> <input type="submit" value="Reset"> <input type="hidden" name='Reset_All' size="20px" value="1"> <input type="hidden" name='Reset_All' size="20px" value="0"> My problem: I have tried with some help on another forum to implement this with Javascript, but without being able to make it work. Apparently, it's the way Javascript is handled by the S7 the problem. So, I'm asking for some advice here. Please, don't get me wrong. It's not here because this forum is my "second choice". It's just that I'm already a member in another forum (not on PLC) and I tought this task was easier. Please, keep in mind that this is my first project on a PLC in 10 years (last time I was in school) and I barely know HTML. Javascript for me is almost completely unknown. Any ideas or suggestions? Thank you!
andrea.miclausig Posts: 4 Rating: (0)	Last edited by: andrea.miclausig at: 10/23/2017 2:10:19 PM
Suggestion To thank Quote Answer
This contribution was helpful to 1 thankful Users Jen_Moderator

10/26/2017 3:55 PM	Rate (0)
andrea.miclausig Posts: 4 Rating: (0)	Anybody has some suggestions?
andrea.miclausig Posts: 4 Rating: (0)
Suggestion To thank Quote Answer

10/26/2017 11:28 PM	Rate (1)
0_Einstein Grandmaster-Expert Joined: 7/7/2010 Last visit: 1/21/2026 Posts: 16391 Rating: (2522)	http://www.dmcinfo.com/latest-thinking/blog/articletype/articleview/articleid/8567/siemens-s7-1200-web-server-tutorial--from-getting-started-to-html5-user-defined-pages Pay particular attention to " versus ' versus "" and "' and '" Copy that line and paste into notepad, then change the font until you can clearly see the differences. Then compare the above link's " and ' and see how it compares with your javascript. andrea.miclausig Anybody has some suggestions?
	science guy
Suggestion To thank Quote Answer
This contribution was helpful to 1 thankful Users Duris_I

1/31/2018 8:43 AM	Rate (1)
Bastian.Geier Experienced Member Joined: 10/2/2014 Last visit: 12/18/2025 Posts: 89 Rating: (15)	pls. find also the example in the AppExampl from Sios: Creating and using user-defined web pages on S7-1200 / S7-1500 see the extended Examples, there are a lot of different examples showing the possibility's of the PLC webserver. regards Bastian

Suggestion To thank Quote Answer

|

Share this page:

Share this page on...

Follow us on