3073Views9Replies

Author Options:

arduino + jquery mobile + SD demo site with jquery and on/off swithes. The UI for it and run it from SD Answered

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home Automation v.1</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>

<body>

<div data-role="page">

<div data-role="header">
  <h1>Home Automation</h1>
</div><!-- /header -->

<div data-role="collapsible-set">

<div data-role="collapsible" data-collapsed="false" data-theme="b">
<h3>Lights</h3>

  <div data-role="content">
  <label for="flip-1">Light 1</label>
<select name="flip-1" id="flip-1" data-role="slider">
  <option value="off">Off</option>
  <option value="on">On</option>
</select>

  <label for="flip-2">Light 2</label>
<select name="flip-2" id="flip-2" data-role="slider">
  <option value="off">Off</option>
  <option value="on">On</option>
</select>

  <label for="flip-3">Light 3</label>
<select name="flip-3" id="flip-3" data-role="slider">
  <option value="off">Off</option>
  <option value="on">On</option>
</select>

  <label for="flip-4">Light 4</label>
<select name="flip-4" id="flip-4" data-role="slider">
  <option value="off">Off</option>
  <option value="on">On</option>
</select>

</div>

</div>


</div><!-- /content -->

<div data-role="footer" data-position="fixed">
  <h4>nikkpap & duckdodgers - Copyright 2013</h4>
</div><!-- /footer -->

</div><!-- /page -->

</body>
</html>

9 Replies

user
boarding.house.771 (author)2015-02-20

if i dont have any connection to internet. Can jquery is running??

Select as Best AnswerUndo Best Answer

user
ewgor (author)2015-01-14

how about the arduino code? where can be found? is there any code made already?

Select as Best AnswerUndo Best Answer

user
nikkpap (author)2013-02-25

i use UNO and original Arduino Ethernet(WIZnet)+SDcard thanks for your time anyway

Select as Best AnswerUndo Best Answer

user
steveastrouk (author)nikkpap2013-02-25

Have you run any of the example servers yet, to verify your hardware ?

Select as Best AnswerUndo Best Answer

user
nikkpap (author)steveastrouk2013-02-25

yes i did run a lot. my problem is i dont know java script and i cant use the perfect and eazy jquery for mobile. the trick is i have to communicate with arduino THROUGH java script lets say an exaple..

http://192.168.1.10/ defaut index page
http://192.168.1.10/relay1=on when on this is here the java script
http://192.168.1.10/relay1=off when off this is here the java script

Select as Best AnswerUndo Best Answer

user
mpilchfamily (author)2013-02-25

Is there a question somewhere in here or are you just showing off what you've done?

Select as Best AnswerUndo Best Answer

user
nikkpap (author)mpilchfamily2013-02-25

The "Q" is i want to ask if you can help me to have my first demo site with jquery and on/off swithes. I did a UI for it but i dont know how to put it in the write order and run it on arduino from SD. Can you help me.

This is an example and i want to ask you if you can make the first switch to trigger for me and i will do the rest thanks again for your precious time.

Select as Best AnswerUndo Best Answer

user
steveastrouk (author)nikkpap2013-02-25

And we can guess that can we ? What hardware's on your Arduino ?

Select as Best AnswerUndo Best Answer