Advertisement
Guest User

IMP POST from file

a guest
Sep 28th, 2012
446
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.82 KB | None
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.     <meta name="apple-mobile-web-app-capable" content="yes" />
  7.     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  8.     <link rel="apple-touch-startup-image" media="(device-width: 320px)" href="cc_startup.png" />
  9.     <link rel="apple-touch-icon" href="cc_screen_icon.png" />    
  10.     <title>POST TEST</title>
  11.     <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
  12.     <style>
  13.     .ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active {overflow: hidden;   -webkit-backface-visibility: hidden; }
  14.     label {display: block; float:left;  width:100px; text-align:left; padding-top: 12px; xborder:1px solid red; }
  15.     div.ui-slider-switch { width:130px !important; xborder:1px solid red; }
  16.     </style>
  17.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  18.     <script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
  19. <script>
  20. var ts3State = false;
  21. $( function() {  
  22.  
  23.   $("[data-role=slider]").bind( "change", function(event, ui) {
  24.    //alert("e:"+event+" ui: "+ this.id);
  25.    //console.log(this.id,$(this).slider().val());
  26.    var slider_value = $(this).slider().val();
  27.     console.log(this.id,slider_value);
  28.     impSetValue(slider_value);
  29.   });
  30.  
  31.   function impSetValue(_slider_value){
  32.     $.ajax({
  33.     type: "POST",
  34.     url: "https://api.electricimp.com/v1/[!!! your planner details !!]/[!!! your planner details !!]",
  35.     dataType: 'html',
  36.     data: "value="+_slider_value, //get some data back to the screen if needed
  37.     success: function(html){
  38.     }
  39.   });
  40.   }
  41. });
  42. </script>
  43. </head>
  44. <body>
  45.    <div data-role="page" id="page1"><!-- Home -->
  46.         <div data-theme="a" data-role="header">
  47.             <h1 >
  48.                 <span style="color:#E3461C; font-size: 1.3em;">POST TEST</span>
  49.             </h1>
  50.         </div>
  51.         <div data-role="content" style="padding: 15px" id="fooo">                
  52.             <div data-role="fieldcontain" > <!-- Toggle switches -->
  53.                 <fieldset data-role="controlgroup">
  54.                     <label for="toggleswitch1" >
  55.                         Green
  56.                     </label>
  57.                     <select id="C0" data-theme="a" data-role="slider" data-cctype="12" data-ccvalue="0">
  58.                         <option value="10">
  59.                             Off
  60.                         </option>
  61.                         <option value="11" >
  62.                             On
  63.                         </option>
  64.                     </select> <br />
  65.                    <label for="toggleswitch2" >
  66.                         Blue
  67.                     </label>
  68.                     <select id="C1" data-theme="a" data-role="slider" data-cctype="12" data-ccvalue="0">
  69.                         <option value="20">
  70.                             Off
  71.                         </option>
  72.                         <option value="21" >
  73.                             On
  74.                         </option>
  75.                     </select><br />
  76.                     <label for="toggleswitch3" >
  77.                        Red
  78.                     </label>
  79.                     <select id="C2" data-theme="a" data-role="slider" data-cctype="12" data-ccvalue="0">
  80.                         <option value="30">
  81.                             Off
  82.                         </option>
  83.                         <option value="31" >
  84.                             On
  85.                         </option>
  86.                     </select>        
  87.                 </fieldset>
  88.             </div>
  89.         </div>
  90.      </div><!-- Home End -->    
  91. </body>
  92. </html>
Advertisement
RAW Paste Data Copied
Advertisement