document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <html>
  2. <head>
  3. <title>Mix Calibrated RGB Colors</title>
  4. <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" /> 
  5. <link href="css/rgb.css" type="text/css" rel="stylesheet"/>
  6.  
  7. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  8. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
  9. <script type="text/javascript" src="js/json2.js"></script>
  10. <script type="text/javascript">
  11.       var serial;
  12.  
  13.  
  14.         function refreshSwatch() {
  15.                 var red = $("#red").slider("value")
  16.                         ,green = $("#green").slider("value")
  17.                         ,blue = $("#blue").slider("value");
  18.                 $("#swatch").css("background-color", "rgb(" + red + "," +  green + "," + blue + ")");
  19.         }
  20.         $(function() {
  21.             serial = (document.getElementById("seriality")).Seriality();
  22.             serial.begin(serial.ports[0], 9600);
  23.                 $("#red, #green, #blue").slider({
  24.                         orientation: \'horizontal\',
  25.                         range: "min",
  26.                         max: 255,
  27.                         value: 127,
  28.                         slide: refreshSwatch,
  29.                         change: refreshSwatch
  30.                 });
  31.                 $("#red").slider("value", 255);
  32.                 $("#green").slider("value", 140);
  33.                 $("#blue").slider("value", 60);
  34.         });
  35.  
  36. </script>
  37. </head>
  38. <body>
  39.   <object type="application/Seriality" id="seriality" width="0" height="0"></object>
  40. <div class="testapp">
  41.  
  42. <p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
  43. <span class="ui-icon ui-icon-pencil" style="float:left; margin:-2px 5px 0 0;"></span>
  44. Calibrate RGB Sliders for Arduino
  45. </p>
  46.  
  47. <div id="red"></div>
  48. <div id="green"></div>
  49. <div id="blue"></div>
  50.  
  51. <div id="swatch" class="ui-widget-content ui-corner-all"></div>
  52.  
  53. </div>
  54.  
  55. <div class="testapp-description" style="clear:left;">
  56.  
  57. <p>Display the RGB Max, and slide jquery sliders to mix the color. This uses Seriality API and is based on the jQuery RGB slider example.
  58. </p>
  59.  
  60. </div>
  61. </body>
  62. </html>
');