Using a single webpage to operate multiple Arduinos with ethernet shields.


i working on project use bunch of arduinos wiznet ethernet shields , want control them using single web page. html little shaky , not sure of command(s) need pass webpage arduino. think once one, rest pretty cut , paste.

 some points want make:

*first arduinos have static ip address , working on non-internet connected local network. (ie: issues not networking in general)

 *i can start server off arduino , example shows pins off it's served webpage , understand how happens. , understand how arduino serves webpage browser. since using multiple arduinos control multiple processes , want them on 1 webpage; serving page arduino not going work.

*all functions of want arduinos perform have been coded , tested.

here want in nutshell:

   have web toggle switch this: http://www.hongkiat.com/blog/css3-on-off-button/   control variable on arduino board start , stop functions.

     here pseudo code:

                                    on arduino:   while x 0  perform nothing  // x variable webpage send.(or taken variable)
                                                              while x 1 start functions

                                    on webpage:
                                                             when user clicks on button: send 0 or 1 arduino depending on whether previous state on or off ( 0 if on, , 1 if off.)


i need commands both arduino receive variable webpage , html send variable arduino. code button in css.



i imagine can frame in single webpage , make header , description of arduino doing , copy , paste build frame toggle switch...



i have tried looking @ other toggle switches , think asked similar question, delved more networking issues question.

thank in advance. still learning well.

here html code button:

code: [select]

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 buttons</title>
<link rel="stylesheet" href="style2.css">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#button').on('click', function(){
$(this).toggleclass('on');
});
});
</script>
</head>
<body>
<section>
<a href="#" id="button">&#xf011;</a>
<span></span>
</section>
</body>
</html>
}


Arduino Forum > Using Arduino > Networking, Protocols, and Devices (Moderator: fabioc84) > Using a single webpage to operate multiple Arduinos with ethernet shields.


arduino

Comments

Popular posts from this blog

invalid use of void expresion in FlexiTimer2 library

error: a function-definition is not allowed here before '{' token

LED Strip Code