topical media & game development

talk show tell print

lib-jquery-plugin-charts-lib-farbtastic-demo1.htm / htm



  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html>
  <head>
   <title>Farbtastic</title>
   <script type="text/javascript" src="lib-jquery-plugin-charts-lib-farbtastic-jquery-1.2.5.pack.js"></script>
   <script type="text/javascript" src="lib-jquery-plugin-charts-lib-farbtastic-farbtastic.js"></script>
   <link rel="stylesheet" href="lib-jquery-plugin-charts-lib-farbtastic-farbtastic.css" type="text/css" />
   <script type="text/javascript" charset="utf-8">
    document.ready(function() {
      $('#demo').hide();
      $('#picker').farbtastic('#color');
    });
   </script>
  </head>
  <body>
  <h1>jQuery Color Picker: Farbtastic</h1>
  
  <div id="demo" style="color: red; font-size: 1.4em">jQuery.js is not present. You must install jQuery in this folder for the demo to work.</div>
  
  <form action="" style="width: 400px;">
    <div class="form-item"><label for="color">Color:</label><input type="text" id="color" name="color" value="#123456" /></div><div id="picker"></div>
  </form>
  
  <p>More info on <a href="http://www.acko.net/dev/farbtastic">Acko.net</a>.</p>
  <p>Created by <a href="http://www.acko.net/">Steven Wittens</a>.</p>
  </body>
  </html>
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.