0
@@ -0,0 +1,60 @@
0
+Low Pro JQ
0
+----------
0
+
0
+Author: Dan Webb (dan@danwebb.net)
0
+SVN: http://svn.danwebb.net/external/lowpro-jq/trunk
0
+Download: http://svn.danwebb.net/external/lowpro-jq/trunk/src/lowpro.jquery.js
0
+
0
+A jQuery port of the Low Pro behavior framework that was originally written for Prototype.
0
+
0
+
0
+
0
+In brief
0
+--------
0
+
0
+Create a behavior as a class:
0
+
0
+Testy = $.klass({
0
+ initialize: function(arg) {
0
+   alert('ive just been attached with the arg ' + arg);
0
+ },
0
+ onclick: function() {
0
+   alert('ive been clicked');
0
+ }
0
+});
0
+
0
+Btw, $.klass is a full port of Prototype's Class.create so youget that as a bonus and 
0
+can use all the inheritance stuff in the same way.
0
+
0
+Next, attach the behavior on DOM ready in the jQuery way:
0
+
0
+jQuery(function($) {
0
+ $('p').attach(Testy, 'My arg');
0
+});
0
+
0
+Alternatively, if you just need to attach behaviors and get references to the behavior instances
0
+created then you can use:
0
+
0
+$('a').attachAndReturn(Clicky, 45) //=> Array of behavior instances
0
+
0
+Aside from this everything works the same as Low Pro for Prototype.
0
+See http://www.danwebb.net/lowpro for details.
0
+
0
+
0
+
0
+Livequery support
0
+-----------------
0
+
0
+If the livequery plugin is found then Low Pro will use it to automatically bind behaviors to
0
+newly created content so if, taking the above example, you did something like:
0
+
0
+$(document.body).append('<p>A new para</p>')
0
+
0
+Then it too would get a behavior binded to it.
0
+
0
+
0
+
0
+Acknowledgements
0
+----------------
0
+
0
+The $.klass code is a direct port of the Class.create code from Prototype (http://prototypejs.org).
0
\ No newline at end of file

0
@@ -0,0 +1,184 @@
0
+(function($) {
0
+  
0
+  var addMethods = function(source) {
0
+    var ancestor   = this.superclass && this.superclass.prototype;
0
+    var properties = $.keys(source);
0
+
0
+    if (!$.keys({ toString: true }).length) properties.push("toString", "valueOf");
0
+
0
+    for (var i = 0, length = properties.length; i < length; i++) {
0
+      var property = properties[i], value = source[property];
0
+      if (ancestor && $.isFunction(value) && $.argumentNames(value)[0] == "$super") {
0
+        
0
+        var method = value, value = $.extend($.wrap((function(m) {
0
+          return function() { return ancestor[m].apply(this, arguments) };
0
+        })(property), method), {
0
+          valueOf:  function() { return method },
0
+          toString: function() { return method.toString() }
0
+        });
0
+      }
0
+      this.prototype[property] = value;
0
+    }
0
+
0
+    return this;
0
+  }
0
+  
0
+  $.extend({
0
+    keys: function(obj) {
0
+      var keys = [];
0
+      for (var key in obj) keys.push(key);
0
+      return keys;
0
+    },
0
+
0
+    argumentNames: function(func) {
0
+      var names = func.toString().match(/^[\s\(]*function[^(]*\((.*?)\)/)[1].split(/, ?/);
0
+      return names.length == 1 && !names[0] ? [] : names;
0
+    },
0
+
0
+    bind: function(func, scope) {
0
+      return function() {
0
+        return func.apply(scope, $.makeArray(arguments));
0
+      }
0
+    },
0
+
0
+    wrap: function(func, wrapper) {
0
+      var __method = func;
0
+      return function() {
0
+        return wrapper.apply(this, [$.bind(__method, this)].concat($.makeArray(arguments)));
0
+      }
0
+    },
0
+    
0
+    klass: function() {
0
+      var parent = null, properties = $.makeArray(arguments);
0
+      if ($.isFunction(properties[0])) parent = properties.shift();
0
+
0
+      var klass = function() { 
0
+        this.initialize.apply(this, arguments);
0
+      };
0
+
0
+      klass.superclass = parent;
0
+      klass.subclasses = [];
0
+      klass.addMethods = addMethods;
0
+
0
+      if (parent) {
0
+        var subclass = function() { };
0
+        subclass.prototype = parent.prototype;
0
+        klass.prototype = new subclass;
0
+        parent.subclasses.push(klass);
0
+      }
0
+
0
+      for (var i = 0; i < properties.length; i++)
0
+        klass.addMethods(properties[i]);
0
+
0
+      if (!klass.prototype.initialize)
0
+        klass.prototype.initialize = function() {};
0
+
0
+      klass.prototype.constructor = klass;
0
+
0
+      return klass;
0
+    }
0
+  });
0
+  
0
+  var bindEvents = function(instance) {
0
+    for (var member in instance) {
0
+      if (member.match(/^on(.+)/) && typeof instance[member] == 'function') {
0
+        instance.element.bind(RegExp.$1, $.bind(instance[member], instance));
0
+      }
0
+    }
0
+  }
0
+  
0
+  var attachBehavior = function(el, behavior, args) {
0
+      var instance = { element: $(el) };
0
+      instance.__proto__ = behavior.prototype;
0
+      behavior.apply(instance, args);
0
+
0
+      bindEvents(instance);
0
+
0
+      if (!behavior.instances) behavior.instances = [];
0
+
0
+      behavior.instances.push(instance);
0
+      
0
+      return instance;
0
+  };
0
+  
0
+  
0
+  $.fn.extend({
0
+    attach: function() {
0
+      var args = $.makeArray(arguments), behavior = args.shift();
0
+      
0
+      if ($.livequery && this.selector) {
0
+        this.livequery(function() {
0
+          attachBehavior(this, behavior, args);
0
+        })
0
+      } else {
0
+        return this.each(function() {
0
+          attachBehavior(this, behavior, args);
0
+        });
0
+      }
0
+    },
0
+    attachAndReturn: function() {
0
+      var args = $.makeArray(arguments), behavior = args.shift();
0
+      
0
+      return $.map(this, function(el) {
0
+        return attachBehavior(el, behavior, args);
0
+      });
0
+    }
0
+  });
0
+  
0
+  Remote = $.klass({
0
+    initialize: function(options) {
0
+      if (this.element.attr('nodeName') == 'FORM') this.element.attach(Remote.Form, options);
0
+      else this.element.attach(Remote.Link, options);
0
+    }
0
+  });
0
+  
0
+  Remote.Base = $.klass({
0
+    initialize : function(options) {
0
+      this.options = $.extend({
0
+        
0
+      }, options || {});
0
+    },
0
+    _makeRequest : function(options) {
0
+      $.ajax(options);
0
+      return false;
0
+    }
0
+  });
0
+  
0
+  Remote.Link = $.klass(Remote.Base, {
0
+    onclick: function() {
0
+      var options = $.extend({ url: this.element.attr('href'), type: 'GET' }, this.options);
0
+      return this._makeRequest(options);
0
+    }
0
+  });
0
+  
0
+  Remote.Form = $.klass(Remote.Base, {
0
+    onclick: function(e) {
0
+      var target = e.target;
0
+      
0
+      if ($.inArray(target.nodeName.toLowerCase(), ['input', 'button']) >= 0 && target.type == 'submit')
0
+        this._submitButton = target;
0
+    },
0
+    onsubmit: function() {
0
+      var data = this.element.serializeArray();
0
+      
0
+      if (this._submitButton) data.push({ name: this._submitButton.name, value: this._submitButton.value });
0
+      
0
+      var options = $.extend({
0
+        url : this.element.attr('action'),
0
+        type : this.element.attr('method') || 'GET',
0
+        data : data
0
+      }, this.options);
0
+      
0
+      this._makeRequest(options);
0
+      
0
+      return false;
0
+    }
0
+  });
0
+  
0
+  $.ajaxSetup({ 
0
+    beforeSend: function(xhr) {
0
+      xhr.setRequestHeader("Accept", "text/javascript, text/html, application/xml, text/xml, */*");
0
+    } 
0
+  });
0
+  
0
+})(jQuery);
0
\ No newline at end of file