2012/04/10 11:31:45 | (127.0.0.1) 
// {h1 scripts.js }
// {p This page contains JS code called in page [[include]].}
// {p code :}

var draw = function () {
   var canvas = document.querySelector('canvas');
   var ctx = canvas.getContext('2d');

   ctx.strokeStyle = 'rgb(0, 128, 0)';
   ctx.lineWidth = 5;
   var n = 20, delta = 10;
   for (var i=1; i < n; i++) {
      var couleur = Math.round(255.0*i/n); 
      ctx.fillStyle = 'rgba('+couleur+',0,0,0.5)'; // opacity : 0.5
      ctx.fillRect( 10+delta*i, 20+delta*i, 50, 50 );
      ctx.strokeRect( 9+delta*i, 19+delta*i, 52,52 );
   }
};

//   apply_style( $('right'), 'background:cyan;' );

var apply_style = function ( obj, css ) {
   var tab = css.split(':');
   obj.style.tab[0] = tab[1];
};