Skip to content
an implementation of scope activerecord in jquery for declarative scopes
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
examples
README
README.md
jquery.declare.coffee
jquery.declare.js

README.md

A library for scope declaration like activerecord 3.

It can be used for declare scopes and behaviors that can be attached to dom object.

Some examples:

append style css to dom objects

    $.fn.declare.add({
      'set.color': function(color) {
        return this.css({
          'color': color
        });
      },
      'set.bgcolor': function(color) {
        return this.css({
          'background-color': color
        });
      }
    });

    $("div.title").declare('set.color', 'yellow').declare('set.bgcolor', 'red');

append events e style to table

  $.fn.declare.add({
    'row.alternate': function(opt) {
      this.find("tr.odd")
      .css("background-color",opt.odd_color)
      .end()
      .find("tr.even")
      .css("background-color",opt.even_color);
    }
  });

  $.fn.declare.add({       
    'row.hover':function(color_hover) {
      this.hover(
        function() {
          var that=$(this);
          that.data("old-bg",that.css("background-color"));
          that.css("background-color",color_hover);
        },
        function() {
          var that=$(this);
          that.css("background-color", that.data("old-bg"));
        }  
      )
    }
  });

  $("table")
  .declare('row.alternate',{
    odd_color:'#ff0000',
    even_color:'#00ff00'
  })
  .find("tr")
  .declare("row.hover","#0000ff");
Something went wrong with that request. Please try again.