Team:WITS-CSIR SA/js/common.js

From 2011.igem.org

Revision as of 11:15, 3 September 2011

/// <reference path="lib/backbone.js" /> /// <reference path="lib/underscore.js" /> /// <reference path="lib/jlayout.border.js" /> /// <reference path="lib/jquery-1.5.1.min.js" /> /// <reference path="lib/jquery-ui-1.8.14.custom.min.js" /> /// <reference path="lib/jQuery.BlockUI.js" /> /// <reference path="lib/jquery.fling.js" /> /// <reference path="lib/jquery.jlayout.js" /> /// <reference path="lib/jquery.sizes.js" /> /// <reference path="lib/modernizr-1.7.min.js" /> /// <reference path="lib/sammy-latest.min.js" />

function CreateLinearGradient(start, stop, type, height, width) {

   var canvas = document.createElement('canvas');
   canvas.width = width;
   canvas.height = height;

   var context = canvas.getContext('2d');

   var gradient = null;
   if (type == 'vertical')
       gradient = context.createLinearGradient(0, 0, 0, canvas.height);
   else if (type == 'horizontal')
       gradient = context.createLinearGradient(0, 0, canvas.width, 0);

   gradient.addColorStop(0, start);
   gradient.addColorStop(1, stop);

   context.fillStyle = gradient;
   context.fillRect(0, 0, canvas.width, canvas.height);

   return 'url(' + canvas.toDataURL('image/png') + ')';

}

function CreateRadialGradient(start, stop, x, y, r) {

   var canvas = document.createElement('canvas');
   var context = canvas.getContext('2d');

   canvas.width = r * 2;
   canvas.height = r * 2;

   var gradient = context.createRadialGradient(x, y, 0, x, y, r);

   gradient.addColorStop(0, start);
   gradient.addColorStop(1, stop);

   context.fillStyle = gradient;
   context.fillRect(0, 0, canvas.width, canvas.height);

   return 'url(' + canvas.toDataURL('image/png') + ')';

}

function FormatButtons() {

   $('input:button, button, input:submit, input:reset').button();

}