-
-
-
-
\ No newline at end of file
diff --git a/controller/pages/listening.md b/controller/pages/listening.md
deleted file mode 100644
index c27ab175..00000000
--- a/controller/pages/listening.md
+++ /dev/null
@@ -1,189 +0,0 @@
-@page jquery.controller.listening Listening To Events
-@parent jQuery.Controller
-
-Controllers make creating and tearing down event handlers extremely
-easy. The tearingdown of event handlers is especially important
-in preventing memory leaks in long lived applications.
-
-## Automatic Binding
-
-When a [jQuery.Controller.prototype.setup new controller is created],
-contoller checks its prototype methods for functions that are named like
-event handlers. It binds these functions to the
-controller's [jQuery.Controller.prototype.element element] with
-event delegation. When
-the controller is destroyed (or it's element is removed from the page), controller
-will unbind its event handlers automatically.
-
-For example, each of the following controller's functions will automatically
-bound:
-
- $.Controller("Crazy",{
-
- // listens to all clicks on this element
- "click" : function(el, ev){},
-
- // listens to all mouseovers on
- // li elements withing this controller
- "li mouseover" : function(el, ev){}
-
- // listens to the window being resized
- "{window} resize" : function(window, ev){}
- })
-
-Controller will bind function names with spaces, standard DOM events, and
-event names in $.event.special.
-
-In general, Controller will know automatically when to bind event handler functions except for
-one case - event names without selectors that are not in $.event.special.
-
-But to correct for this, you just need to add the
-function to the [jQuery.Controller.static.listensTo listensTo]
-property. Here's how:
-
- $.Controller("MyShow",{
- listensTo: ["show"]
- },{
- show: function( el, ev ) {
- el.show();
- }
- })
- $('.show').my_show().trigger("show");
-
-## Callback parameters
-
-Event handlers bound with controller are called back with the element and the event
-as parameters. this refers to the controller instance. For example:
-
- $.Controller("Tabs",{
-
- // li - the list element that was clicked
- // ev - the click event
- "li click" : function(li, ev){
- this.tab(li).hide()
- },
- tab : function(li){
- return $(li.find("a").attr("href"))
- }
- })
-
-## Templated Event Bindings
-
-One of Controller's most powerful features is templated event
-handlers. You can parameterize the event name,
-the selector, or event the root element.
-
-### Templating event names and selectors:
-
-Often, you want to make a widget's behavior
-configurable. A common example is configuring which event
-a menu should show a sub-menu (ex: on click or mouseenter). The
-following controller lets you configure when a menu should show
-sub-menus:
-
-The following makes two buttons. One says hello on click,
-the other on a 'tap' event.
-
- $.Controller("Menu",{
- "li {showEvent}" : function(el){
- el.children('ul').show()
- }
- })
-
- $("#clickMe").menu({showEvent : "click"});
- $("#touchMe").menu({showEvent : "mouseenter"});
-
-$.Controller replaces value in {} with
-values in a
-controller's [jQuery.Controller.prototype.options options]. This means
-we can easily provide a default showEvent value and create
-a menu without providing a value like:
-
- $.Controller("Menu",
- {
- defaults : {
- showEvent : "click"
- }
- },
- {
- "li {showEvent}" : function(el){
- el.children('ul').show()
- }
- });
-
- $("#clickMe").menu(); //defaults to using click
-
-Sometimes, we might might want to configure our widget to
-use different elements. The following makes the menu widget's
-button elements configurable:
-
- $.Controller("Menu",{
- "{button} {showEvent}" : function(el){
- el.children('ul').show()
- }
- })
-
- $('#buttonMenu').menu({button: "button"});
-
-### Templating the root element.
-
-Finally, controller lets you bind to objects outside
-of the [jQuery.Controller.prototype.element controller's element].
-
-The following listens to clicks on the window:
-
- $.Controller("HideOnClick",{
- "{window} click" : function(){
- this.element.hide()
- }
- })
-
-The following listens to Todos being created:
-
- $.Controller("NewTodos",{
- "{App.Models.Todo} created" : function(Todo, ev, newTodo){
- this.element.append("newTodos.ejs", newTodo)
- }
- });
-
-But instead of making NewTodos only work with the Todo model,
-we can make it configurable:
-
- $.Controller("Newbie",{
- "{model} created" : function(Model, ev, newItem){
- this.element.append(this.options.view, newItem)
- }
- });
-
- $('#newItems').newbie({
- model: App.Models.Todo,
- view: "newTodos.ejs"
- })
-
-### How Templated events work
-
-When looking up a value to replace {},
-controller first looks up the item in the options, then it looks
-up the value in the window object. It does not use eval to look up the
-object. Instead it uses [jQuery.String.getObject].
-
-
-## Subscribing to OpenAjax messages and custom bindings
-
-The jquery/controller/subscribe plugin allows controllers to listen
-to OpenAjax.hub messages like:
-
- $.Controller("Listener",{
- "something.updated subscribe" : function(called, data){
-
- }
- })
-
-You can create your own binders by adding to [jQuery.Controller.static.processors].
-
-## Manually binding to events.
-
-The [jQuery.Controller.prototype.bind] and [jQuery.Controller.prototype.delegate]
-methods let you listen to events on other elements. These event handlers will
-be unbound when the controller instance is destroyed.
-
diff --git a/controller/pages/plugin.md b/controller/pages/plugin.md
deleted file mode 100644
index d3ee520f..00000000
--- a/controller/pages/plugin.md
+++ /dev/null
@@ -1,101 +0,0 @@
-@page jquery.controller.plugin The generated jQuery plugin
-@parent jQuery.Controller
-
-When you create a controller, it creates a jQuery plugin that can be
-used to:
-
- - Create controllers on an element or elements
- - Call controller methods
- - Update a controller
-
-For example, the following controller:
-
- $.Controller("My.Widget",{
- say : function(){
- alert(this.options.message);
- }
- })
-
-creates a jQuery.fn.my_widget method that you can use like:
-
- // create my_widget on each .thing
- $(".thing").my_widget({message : "Hello"})
-
- // alerts "Hello"
- $(".thing").my_widget("say");
-
- // updates the message option
- $(".thing").my_widget({message : "World"});
-
- // alerts "World"
- $(".thing").my_widget("say");
-
-Note that in every case, the my_widget plugin
-returns the original jQuery collection for chaining ($('.thing')). If you want to
-get a value from a controller, use the [jQuery.fn.controllers] or [jQuery.fn.controller].
-
-## Creating controllers
-
-When a controller's jQuery plugin helper is used on a jQuery collection, it goes to each
-element and tests if it has a controller instance on the element. If it does not, it creates one.
-
-It calls new YourController with the element and any additional arguments you passed
-to the jQuery plugin helper. So for example, say there are 2 elements in $('.thing').
-
-This:
-
- $(".thing").my_widget({message : "Hello"})
-
-Does the exact same thing as:
-
- var things = $('.thing'),
- options = {message : "Hello"};
- new My.Widget(things[0],options);
- new My.Widget(things[1],options);
-
-Note, when a new Class is created, it calls your
-class's prototype setup and init methods. Read [jQuery.Controller.prototype.setup controller's setup]
-for the details on what happens when a new controller is created.
-
-
-## Calling methods on controllers
-
-Once a Controller is already on an element, you can call methods on it with the same jQuery
-helper. The first param to the helper is the name of the method, the following params are
-passed to the jQuery function. For example:
-
- $.Controller("Adder",{
- sum : function(first, second, third){
- this.element.text(first+second+third);
- }
- })
-
- // add an adder to the page
- $("#myadder").adder()
-
- // show the sum of 1+2+3
- $("#myadder").adder("sum",1,2,3);
-
-## Naming
-
-By default, a controller's jQuery helper is the controller name:
-
- - [jQuery.String.underscore underscored]
- - "." replaced with "_"
- - with Controllers removed.
-
-Here are some examples:
-
- $.Controller("Foo") // -> .foo()
- $.Controller("Foo.Bar") // -> .foo_bar()
- $.Controller("Foo.Controllers.Bar") // -> .foo_bar()
-
-You can overwrite the Controller's default name by setting a static pluginName property:
-
- $.Controller("My.Tabs",
- {
- pluginName: "tabs"
- },
- { ... })
-
- $("#tabs").tabs()
diff --git a/controller/qunit.html b/controller/qunit.html
deleted file mode 100644
index ae8fad54..00000000
--- a/controller/qunit.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
-
-
-
-
-
Controller Test Suite
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/controller/route/qunit.html b/controller/route/qunit.html
deleted file mode 100644
index 25edc491..00000000
--- a/controller/route/qunit.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
-
- route QUnit Test
-
-
-
-
-
route Test Suite
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/controller/route/route.html b/controller/route/route.html
deleted file mode 100644
index 178af929..00000000
--- a/controller/route/route.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
- route
-
-
-
-
route Demo
- foo/bar
- foo/car
- empty
-
-
-
-
\ No newline at end of file
diff --git a/controller/route/route.js b/controller/route/route.js
deleted file mode 100644
index cbf9bb92..00000000
--- a/controller/route/route.js
+++ /dev/null
@@ -1 +0,0 @@
-steal('jquery/controller', 'can/control/route')
diff --git a/controller/route/route_test.js b/controller/route/route_test.js
deleted file mode 100644
index 6a140d6b..00000000
--- a/controller/route/route_test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-steal('funcunit/qunit','./route',function(){
-
-module("route");
-
-test("route testing works", function(){
- ok(true,"an assert is run");
-});
-
-
-});
\ No newline at end of file
diff --git a/controller/subscribe/funcunit.html b/controller/subscribe/funcunit.html
deleted file mode 100644
index 48dda424..00000000
--- a/controller/subscribe/funcunit.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
-
-
-
-
-
subscribe Test Suite
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/controller/subscribe/subscribe.html b/controller/subscribe/subscribe.html
deleted file mode 100644
index a26d72d5..00000000
--- a/controller/subscribe/subscribe.html
+++ /dev/null
@@ -1,56 +0,0 @@
-
-
-
- hover
-
-
-
-
"),
+ props = {};
+ props[ prop ] = value;
+
+ div.animate( props, 1 );
+ equal( div.css( "overflow" ), "hidden",
+ "overflow: hidden set when animating " + prop + " to " + value );
+ div.stop();
+ });
+ });
+ });
- // the first call to fx.tick should raise the callback exception
- raises(jQuery.fx.tick, testException, "Exception was thrown");
+ test( "Animations with 0 duration don't ease (#12273)", 1, function() {
+ $.easing.test = function() {
+ ok( false, "Called easing" );
+ };
- // the second call shouldn't
- jQuery.fx.tick();
+ jQuery( "#foo" ).animate({
+ height: 100
+ }, {
+ duration: 0,
+ easing: "test",
+ complete: function() {
+ equal( jQuery( this ).height(), 100, "Height is 100" );
+ }
+ });
- ok(true, "Test completed without throwing a second exception");
+ delete $.easing.test;
+ });
- start();
- }, 1);
- });
- */
+ } // if ( $.fx )
});
\ No newline at end of file
diff --git a/dom/animate/iframe.html b/dom/animate/iframe.html
new file mode 100644
index 00000000..46edda98
--- /dev/null
+++ b/dom/animate/iframe.html
@@ -0,0 +1,8 @@
+
+
+ iframe
+
+
+
span text
+
+
\ No newline at end of file
diff --git a/dom/animate/qunit.html b/dom/animate/qunit.html
index d81d3ee0..94656b21 100644
--- a/dom/animate/qunit.html
+++ b/dom/animate/qunit.html
@@ -1,11 +1,11 @@
Animate Test Suite
-
-
+
+
-
+
\ No newline at end of file
diff --git a/dom/closest/closest.js b/dom/closest/closest.js
index 14ac24da..e2c6661a 100644
--- a/dom/closest/closest.js
+++ b/dom/closest/closest.js
@@ -1,18 +1,18 @@
/**
* @add jQuery.fn
*/
-steal('jquery/dom').then(function(){
+steal('jquery', function($) {
/**
* @function closest
* @parent dom
- * @plugin jquery/dom/closest
+ * @plugin jquerypp/dom/closest
* Overwrites closest to allow open > selectors. This allows controller
* actions such as:
*
* ">li click" : function( el, ev ) { ... }
*/
- var oldClosest = jQuery.fn.closest;
- jQuery.fn.closest = function(selectors, context){
+ var oldClosest = $.fn.closest;
+ $.fn.closest = function(selectors, context){
var rooted = {}, res, result, thing, i, j, selector, rootedIsEmpty = true, selector, selectorsArr = selectors;
if(typeof selectors == "string") selectorsArr = [selectors];
@@ -45,4 +45,6 @@ steal('jquery/dom').then(function(){
}
return res;
}
-})
\ No newline at end of file
+
+ return $;
+});
\ No newline at end of file
diff --git a/dom/compare/compare.html b/dom/compare/compare.html
index 79a9ee7a..51c12eca 100644
--- a/dom/compare/compare.html
+++ b/dom/compare/compare.html
@@ -76,11 +76,10 @@
010000
16
.red contains .green
-
diff --git a/dom/compare/compare.js b/dom/compare/compare.js
index 99dacf7b..38f6520a 100644
--- a/dom/compare/compare.js
+++ b/dom/compare/compare.js
@@ -1,8 +1,9 @@
-steal('jquery/dom').then(function($){
+steal('jquery', function($) {
/**
* @function jQuery.fn.compare
* @parent jQuery.compare
+ * @hide
*
* Compare two elements and return a bitmask as a number representing the following conditions:
*
@@ -24,7 +25,7 @@ steal('jquery/dom').then(function($){
*/
// See http://ejohn.org/blog/comparing-document-position/
-jQuery.fn.compare = function(element){ //usually
+$.fn.compare = function(element){ //usually
try{
// Firefox 3 throws an error with XUL - we can't use compare then
element = element.jquery ? element[0] : element;
@@ -71,4 +72,5 @@ jQuery.fn.compare = function(element){ //usually
return number;
}
-});
\ No newline at end of file
+return $;
+});
diff --git a/dom/compare/compare.md b/dom/compare/compare.md
index c6d52e09..4480ae05 100644
--- a/dom/compare/compare.md
+++ b/dom/compare/compare.md
@@ -1,14 +1,17 @@
-@page jQuery.compare
+@page jQuery.compare jQuery.compare
@parent jquerypp
-@test jquery/dom/compare/qunit.html
+@test jquerypp/dom/compare/qunit.html
@plugin dom/compare
+@signature `jQuery(el).compare([el])`
+
+@body
`jQuery.compare` adds `[jQuery.fn.compare jQuery.fn.compare(element)]` which compares the position of two nodes and returns a number representing
a bitmask detailing how they are positioned relative to each other.
$('#foo').compare($('#bar')) //-> Number
-You can expect it to return the same results as
+You can expect it to return the same results as
[http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-compareDocumentPosition | compareDocumentPosition].
Parts of this documentation and source come from [http://ejohn.org/blog/comparing-document-position | John Resig].
@@ -39,4 +42,4 @@ You can tests if the number returned by `$.fn.compare` matches any of these cond
## Demo
-@demo jquery/dom/compare/compare.html
+@demo jquerypp/dom/compare/compare.html 500
\ No newline at end of file
diff --git a/dom/compare/compare_test.js b/dom/compare/compare_test.js
index 08ef31a8..93726585 100644
--- a/dom/compare/compare_test.js
+++ b/dom/compare/compare_test.js
@@ -1,24 +1,24 @@
-steal("jquery/dom/compare") //load your app
- .then('funcunit/qunit').then(function(){
+steal("jquerypp/dom/compare",'steal-qunit',function(){
+
+module("jquerypp/dom/compare");
-module("jquery/dom/compare")
test("Compare cases", function(){
- $(document.body).append("
")
+ $(document.body).append("
");
var outer = $("#outer"),
- first= outer.find(".first"), second = outer.find('.second')
- equals(outer.compare(outer) , 0, "identical elements")
- var outside = document.createElement("div")
- ok(outer.compare(outside) & 1, "different documents")
+ first= outer.find(".first"), second = outer.find('.second');
+ equal(outer.compare(outer) , 0, "identical elements");
+ var outside = document.createElement("div");
+ ok(outer.compare(outside) & 1, "different documents");
- equals(outer.compare(first), 20, "A container element");
- equals(outer.compare(second), 20, "A container element");
+ equal(outer.compare(first), 20, "A container element");
+ equal(outer.compare(second), 20, "A container element");
- equals(first.compare(outer), 10, "A parent element");
- equals(second.compare(outer), 10, "A parent element");
+ equal(first.compare(outer), 10, "A parent element");
+ equal(second.compare(outer), 10, "A parent element");
- equals(first.compare(second), 4, "A sibling elements");
- equals(second.compare(first), 2, "A sibling elements");
- outer.remove()
+ equal(first.compare(second), 4, "A sibling elements");
+ equal(second.compare(first), 2, "A sibling elements");
+ outer.remove();
});
});
\ No newline at end of file
diff --git a/dom/compare/qunit.html b/dom/compare/qunit.html
deleted file mode 100644
index d7c40442..00000000
--- a/dom/compare/qunit.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
-
-
-
-
-
jQuery Dom Compare Test Suite
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/dom/compare/test.html b/dom/compare/test.html
new file mode 100644
index 00000000..ebb45d0a
--- /dev/null
+++ b/dom/compare/test.html
@@ -0,0 +1,3 @@
+jquerypp/dom/compare
+
+
diff --git a/dom/cookie/cookie.js b/dom/cookie/cookie.js
index 003bd2f6..abc19ec9 100644
--- a/dom/cookie/cookie.js
+++ b/dom/cookie/cookie.js
@@ -1,21 +1,34 @@
-steal('jquery/lang/json',function() {
+steal('jquery', function($) {
/**
- * @function jQuery.cookie
+ * @function jQuery.cookie jQuery.cookie
* @parent jquerypp
- * @plugin jquery/dom/cookie
+ * @plugin jquerypp/dom/cookie
* @author Klaus Hartl/klaus.hartl@stilbuero.de
*
+ * @signature `jQuery.cookie(name, [value, ] [options])`
+ * @param {String} [name] The name of the cookie.
+ * @param {String} [value] The value of the cookie.
+ * @param {{}} [options] An object literal containing key/value pairs to provide optional cookie attributes. Values can be:
+ * @option {Integer|Date} expires Either an integer specifying the expiration date from now on in days or a Date object. If a negative value is specified (e.g. a date in the past), the cookie will be deleted. If set to null or omitted, the cookie will be a session cookie and will not be retained when the the browser exits.
+ * @option {String} domain The domain name
+ * @option {String} path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option {Boolean} secure If true, the secure attribute of the cookie will be set and the cookie transmission will require a secure protocol (like HTTPS).
+ *
+ * @return {String} the value of the cookie or {undefined} when setting the cookie.
+ *
+ * @body
+ *
* `jQuery.cookie(name, [value], [options])` lets you create, read and remove cookies. It is the
- * [jQuery cookie plugin](https://github.com/carhartl/jquery-cookie) written by [Klaus Hartl](stilbuero.de)
+ * [jQuery cookie plugin](https://github.com/carhartl/jquery-cookie) written by [Klaus Hartl](http://www.dasstilbuero.de/)
* and dual licensed under the [MIT](http://www.opensource.org/licenses/mit-license.php)
* and [GPL](http://www.gnu.org/licenses/gpl.html) licenses.
*
* ## Examples
- *
+ *
* Set the value of a cookie.
- *
+ *
* $.cookie('the_cookie', 'the_value');
- *
+ *
* Create a cookie with all available options.
*
* $.cookie('the_cookie', 'the_value', {
@@ -38,18 +51,8 @@ steal('jquery/lang/json',function() {
*
* $.cookie('the_cookie');
*
- * @param {String} [name] The name of the cookie.
- * @param {String} [value] The value of the cookie.
- * @param {Object} [options] An object literal containing key/value pairs to provide optional cookie attributes. Values can be:
- *
- * - `expires` - Either an integer specifying the expiration date from now on in days or a Date object. If a negative value is specified (e.g. a date in the past), the cookie will be deleted. If set to null or omitted, the cookie will be a session cookie and will not be retained when the the browser exits.
- * - `domain` - The domain name
- * - `path` - The value of the path atribute of the cookie (default: path of page that created the cookie).
- * - `secure` - If true, the secure attribute of the cookie will be set and the cookie transmission will require a secure protocol (like HTTPS).
- *
- * @return {String} the value of the cookie or {undefined} when setting the cookie.
*/
- jQuery.cookie = function(name, value, options) {
+ $.cookie = function(name, value, options) {
if (typeof value != 'undefined') {
// name and value given, set cookie
options = options ||
@@ -59,8 +62,8 @@ steal('jquery/lang/json',function() {
options.expires = -1;
}
// convert value to JSON string
- if (typeof value == 'object' && jQuery.toJSON) {
- value = jQuery.toJSON(value);
+ if (typeof value == 'object' && JSON.stringify) {
+ value = JSON.stringify(value);
}
var expires = '';
// Set expiry
@@ -89,7 +92,7 @@ steal('jquery/lang/json',function() {
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
- var cookie = jQuery.trim(cookies[i]);
+ var cookie = $.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
// Get the cookie value
@@ -99,9 +102,9 @@ steal('jquery/lang/json',function() {
}
}
// Parse JSON from the cookie into an object
- if (jQuery.evalJSON && cookieValue && cookieValue.match(/^\s*\{/)) {
+ if (cookieValue && cookieValue.match(/^\s*\{/)) {
try {
- cookieValue = jQuery.evalJSON(cookieValue);
+ cookieValue = JSON.parse(cookieValue);
}
catch (e) {
}
@@ -110,4 +113,5 @@ steal('jquery/lang/json',function() {
}
};
+ return $;
});
diff --git a/dom/cookie/cookie.md b/dom/cookie/cookie.md
new file mode 100644
index 00000000..96a9fa38
--- /dev/null
+++ b/dom/cookie/cookie.md
@@ -0,0 +1,3 @@
+@constructor jQuery.fn.cookie jQuery.cookie
+@page jQuery.fn.cookie
+@parent dom
diff --git a/dom/dimensions/dimensions.html b/dom/dimensions/dimensions.html
deleted file mode 100644
index 51880098..00000000
--- a/dom/dimensions/dimensions.html
+++ /dev/null
@@ -1,131 +0,0 @@
-
-
-
- Dimensions Demo
-
-
-
-
-
-
-
Adjust The red box's layout properties.
-
-
-
-
-
-
-
-
-
-
-
- Adjust My Layout Properties
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/dom/dimensions/dimensions.js b/dom/dimensions/dimensions.js
deleted file mode 100644
index 364e04c9..00000000
--- a/dom/dimensions/dimensions.js
+++ /dev/null
@@ -1,187 +0,0 @@
-
-steal('jquery/dom/styles').then(function($) {
-
-var
- //margin is inside border
- weird = /button|select/i,
- getBoxes = {},
- checks = {
- width: ["Left", "Right"],
- height: ['Top', 'Bottom'],
- oldOuterHeight: $.fn.outerHeight,
- oldOuterWidth: $.fn.outerWidth,
- oldInnerWidth: $.fn.innerWidth,
- oldInnerHeight: $.fn.innerHeight
- };
-
-$.each({
-
-/**
- * @function jQuery.fn.outerWidth
- * @parent jQuery.dimensions
- *
- * `jQuery.fn.outerWidth([value], [includeMargins])` lets you set
- * the outer width of an object where:
- *
- * outerWidth = width + padding + border + (margin)
- *
- * And can be used like:
- *
- * $("#foo").outerWidth(100); //sets outer width
- * $("#foo").outerWidth(100, true); // uses margins
- * $("#foo").outerWidth(); //returns outer width
- * $("#foo").outerWidth(true); //returns outer width + margins
- *
- * When setting the outerWidth, it adjusts the width of the element.
- * If *includeMargin* is set to `true` margins will also be included.
- * It is also possible to animate the outer width:
- *
- * $('#foo').animate({ outerWidth: 200 });
- *
- * @param {Number} [width] The width to set
- * @param {Boolean} [includeMargin=false] Makes setting the outerWidth adjust
- * for margins.
- * @return {jQuery|Number} Returns the outer width or the jQuery wrapped elements
- * if you are setting the outer width.
- */
-width:
-/**
- * @function jQuery.fn.innerWidth
- * @parent jQuery.dimensions
- *
- * `jQuery.fn.innerWidth([value])` lets you set the inner width of an element where
- *
- * innerWidth = width + padding
- *
- * Use it like:
- *
- * $("#foo").innerWidth(100); //sets inner width
- * $("#foo").outerWidth(); // returns inner width
- *
- * Or in an animation like:
- *
- * $('#foo').animate({ innerWidth : 200 });
- *
- * Setting inner width adjusts the width of the element.
- *
- * @param {Number} [width] The inner width to set
- * @return {jQuery|Number} Returns the inner width or the jQuery wrapped elements
- * if you are setting the inner width.
- */
-"Width",
-/**
- * @function jQuery.fn.outerHeight
- * @parent jQuery.dimensions
- *
- * `jQuery.fn.outerHeight([value], [includeMargins])` lets
- * you set the outer height of an object where:
- *
- * outerHeight = height + padding + border + (margin)
- *
- * And can be used like:
- *
- * $("#foo").outerHeight(100); //sets outer height
- * $("#foo").outerHeight(100, true); // uses margins
- * $("#foo").outerHeight(); //returns outer height
- * $("#foo").outerHeight(true); //returns outer height + margins
- *
- * When setting the outerHeight, it adjusts the height of the element.
- * If *includeMargin* is set to `true` margins will also be included.
- * It is also possible to animate the outer heihgt:
- *
- * $('#foo').animate({ outerHeight : 200 });
- *
- * @param {Number} [height] The height to set
- * @param {Boolean} [includeMargin=false] Makes setting the outerHeight adjust
- * for margins.
- * @return {jQuery|Number} Returns the outer height or the jQuery wrapped elements
- * if you are setting the outer height.
- */
-height:
-/**
- * @function jQuery.fn.innerHeight
- * @parent jQuery.dimensions
- *
- * `jQuery.fn.innerHeight([value])` lets you set the inner height of an element where
- *
- * innerHeight = height + padding
- *
- * Use it like:
- *
- * $("#foo").innerHeight(100); //sets inner height
- * $("#foo").outerHeight(); // returns inner height
- *
- * Or in an animation like:
- *
- * $('#foo').animate({ innerHeight : 200 });
- *
- * Setting inner height adjusts the height of the element.
- *
- * @param {Number} [height] The inner height to set
- * @return {jQuery|Number} Returns the inner height or the jQuery wrapped elements
- * if you are setting the inner height.
- */
-// for each 'height' and 'width'
-"Height" }, function(lower, Upper) {
-
- //used to get the padding and border for an element in a given direction
- getBoxes[lower] = function(el, boxes) {
- var val = 0;
- if (!weird.test(el.nodeName)) {
- //make what to check for ....
- var myChecks = [];
- $.each(checks[lower], function() {
- var direction = this;
- $.each(boxes, function(name, val) {
- if (val)
- myChecks.push(name + direction+ (name == 'border' ? "Width" : "") );
- })
- })
- $.each($.styles(el, myChecks), function(name, value) {
- val += (parseFloat(value) || 0);
- })
- }
- return val;
- }
-
- //getter / setter
- $.fn["outer" + Upper] = function(v, margin) {
- var first = this[0];
- if (typeof v == 'number') {
- // Setting the value
- first && this[lower](v - getBoxes[lower](first, {padding: true, border: true, margin: margin}))
- return this;
- } else {
- // Return the old value
- return first ? checks["oldOuter" + Upper].call(this, v) : null;
- }
- }
- $.fn["inner" + Upper] = function(v) {
- var first = this[0];
- if (typeof v == 'number') {
- // Setting the value
- first&& this[lower](v - getBoxes[lower](first, { padding: true }))
- return this;
- } else {
- // Return the old value
- return first ? checks["oldInner" + Upper].call(this, v) : null;
- }
- }
- //provides animations
- var animate = function(boxes){
- // Return the animation function
- return function(fx){
- if (fx.state == 0) {
- fx.start = $(fx.elem)[lower]();
- fx.end = fx.end - getBoxes[lower](fx.elem,boxes);
- }
- fx.elem.style[lower] = (fx.pos * (fx.end - fx.start) + fx.start) + "px"
- }
- }
- $.fx.step["outer" + Upper] = animate({padding: true, border: true})
- $.fx.step["outer" + Upper+"Margin"] = animate({padding: true, border: true, margin: true})
- $.fx.step["inner" + Upper] = animate({padding: true})
-
-})
-
-})
diff --git a/dom/dimensions/dimensions.md b/dom/dimensions/dimensions.md
deleted file mode 100644
index 560c726f..00000000
--- a/dom/dimensions/dimensions.md
+++ /dev/null
@@ -1,34 +0,0 @@
-@page jQuery.dimensions
-@parent jquerypp
-
-@plugin jquery/dom/dimensions
-
-`jQuery.dimensions` adds support for animating and setting inner and outer dimensions.
-It overwrites
-
-* `[jQuery.fn.outerHeight jQuery.fn.outerHeight(value, includeMargins)]`
-* `[jQuery.fn.outerWidth jQuery.fn.outerWidth(value, includeMargins)]`
-* `[jQuery.fn.innerHeight jQuery.fn.innerHeight(value)]`
-* `[jQuery.fn.innerWidth jQuery.fn.innerWidth(value)]`
-
-to let you set these properties and extends [animate](http://api.jquery.com/animate/) to animate them.
-
-## Use
-
-When writing reusable plugins, you often want to
-set or animate an element's width and height that include its padding,
-border, or margin. This is especially important in plugins that
-allow custom styling.
-
-## Quick Examples
-
- $('#foo').outerWidth(100).innerHeight(50);
- $('#bar').animate({ outerWidth: 500 });
- $('#bar').animate({
- outerWidth: 500,
- innerHeight: 200
- });
-
-## Demo
-
-@demo jquery/dom/dimensions/dimensions.html
\ No newline at end of file
diff --git a/dom/dimensions/dimensions_test.js b/dom/dimensions/dimensions_test.js
deleted file mode 100644
index 2b96bc68..00000000
--- a/dom/dimensions/dimensions_test.js
+++ /dev/null
@@ -1,14 +0,0 @@
-steal("jquery/dom/dimensions",
- 'jquery/view/micro',
- 'funcunit/qunit').then(function(){
-
-module("jquery/dom/dimensions");
-
-
-
-
-test("outerHeight and width",function(){
- $("#qunit-test-area").html("//jquery/dom/dimensions/test/styles.micro",{})
-})
-
-});
\ No newline at end of file
diff --git a/dom/dimensions/qunit.html b/dom/dimensions/qunit.html
deleted file mode 100644
index 2b0e381c..00000000
--- a/dom/dimensions/qunit.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
- Dimensions Test Suite
-
-
-
-
-
-
-
Dimensions Test Suite
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/dom/dimensions/test/styles.micro b/dom/dimensions/test/styles.micro
deleted file mode 100644
index 7c7503ca..00000000
--- a/dom/dimensions/test/styles.micro
+++ /dev/null
@@ -1,3 +0,0 @@
-
-Here is some content;
-
\ No newline at end of file
diff --git a/dom/dom.js b/dom/dom.js
index 125b300b..a36de4ca 100644
--- a/dom/dom.js
+++ b/dom/dom.js
@@ -1,10 +1,8 @@
/**
-@page dom DOM Helpers
-@parent jquerymx
@description jQuery DOM extension.
-JavaScriptMVC adds a bunch of useful
-jQuery extensions for the dom. Check them out on the left.
+JavaScriptMVC adds a bunch of useful
+jQuery extensions for the dom. Check them out on the left.
## [dimensions Dimensions]
@@ -21,13 +19,13 @@ setting the dimensions of elements.
Set and get cookie values:
$.cookie('cookie','value');
-
+
## [jQuery.fixture Fixture]
Simulate Ajax responses.
$.fixture("/services/tasks.php','fixtures/tasks.json');
-
+
Works with jQuery's Ajax converters!
## [jQuery.fn.compare Compare]
@@ -35,7 +33,7 @@ Works with jQuery's Ajax converters!
Compare the location of two elements rapidly.
$('#foo').compare($('#bar')) & 2 // true if #bar is before #foo
-
+
## [jQuery.fn.styles CurStyles]
Get multiple css properties quickly.
@@ -47,14 +45,14 @@ Get multiple css properties quickly.
Serializes a form into a JSON-like object:
$('form').formParams() //-> {name: 'Justin', favs: ['JS','Ruby']}
-
+
## [jQuery.fn.selection Selection]
Gets or sets the current text selection.
// gets selection info
$('pre').selection() //-> {start: 22, end: 57, range: range}
-
+
// sets the selection
$('div').selection(20,22)
@@ -63,13 +61,13 @@ Gets or sets the current text selection.
Returns elements that have a point within their boundaries.
$('.drop').within(200,200) //-> drops that touch 200,200
-
+
## [jQuery.Range Range]
Text range utilities.
$('#copy').range() //-> text range that has copy selected
-
+
## [jQuery.route]
Hash routes mapped to an [jQuery.Observe $.Observe].
@@ -79,4 +77,4 @@ Hash routes mapped to an [jQuery.Observe $.Observe].
$.route.attr('type','images');
*/
-steal('jquery');
\ No newline at end of file
+steal('jquery');
diff --git a/dom/fills/fills.html b/dom/fills/fills.html
deleted file mode 100644
index aa6a3289..00000000
--- a/dom/fills/fills.html
+++ /dev/null
@@ -1,251 +0,0 @@
-
-
-
- fill
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/dom/fills/fills.js b/dom/fills/fills.js
deleted file mode 100644
index a69624ff..00000000
--- a/dom/fills/fills.js
+++ /dev/null
@@ -1,250 +0,0 @@
-steal('jquery/dom/dimensions', 'jquery/event/resize').then(function( $ ) {
- //evil things we should ignore
- var matches = /script|td/,
-
- // if we are trying to fill the page
- isThePage = function( el ) {
- return el === document || el === document.documentElement || el === window || el === document.body
- },
- //if something lets margins bleed through
- bleeder = function( el ) {
- if ( el[0] == window ) {
- return false;
- }
- var styles = el.styles('borderBottomWidth', 'paddingBottom')
- return !parseInt(styles.borderBottomWidth) && !parseInt(styles.paddingBottom)
- },
- //gets the bottom of this element
- bottom = function( el, offset ) {
- //where offsetTop starts
- return el.outerHeight() + offset(el);
- }
- pageOffset = function( el ) {
- return el.offset().top
- },
- offsetTop = function( el ) {
- return el[0].offsetTop;
- },
- inFloat = function( el, parent ) {
- while ( el && el != parent ) {
- var flt = $(el).css('float')
- if ( flt == 'left' || flt == 'right' ) {
- return flt;
- }
- el = el.parentNode
- }
- },
- /**
- * @function jQuery.fn.fills
- * @parent jQuery.fills
- * @test jquery/dom/fills/funcunit.html
- * @plugin jquery/dom/fills
- * @hide
- *
- * Fills a parent element's height with the another
- * element. This is extremely useful for complex layout,
- * especially when you want to account for line-wrapping.
- *
- * ## Basic Example
- *
- * If you have the following html:
- *
- *
- *
I am a long heading.
- *
I'm a child.
- *
- *
- * The follow makes `#child` fill up `#box`:
- *
- * $('#child').can_ui_layout_fill("#box")
- *
- * ## Demo
- *
- * @demo canui/layout/fill/demo.html
- *
- * ## Limitations
- *
- * Fill currently does not well with:
- *
- * - Bleeding margins - Where margins leak through parent elements
- * because the parent elements do not have a padding or border.
- *
- * - Tables - You shouldn't be using tables to do layout anyway.
- *
- * - Floated Elements - the child element has `float: left` or `float: right`
- *
- *
- * @param {HTMLElement|selector} [parent] the parent element
- * to fill, defaults to the element's parent.
- *
- * The following fills the parent to `#child`:
- *
- * $('#child').can_ui_layout_fill()
- *
- * A selector can also be pased. This selector is passed to jQuery's
- * closet method. The following matches the first `#parent` element that
- * is a parentNode of `#child`:
- *
- * $('#child').can_ui_layout_fill("#parent")
- *
- * An element or window can also be passed. The following will make
- * `#child` big enough so the entire window is filled:
- *
- * $('#child').can_ui_layout_fill(window)
- *
- * @return {jQuery} the original jQuery collection for chaining.
- */
- filler = $.fn.fills = function( parent ) {
- // setup stuff on every element
- this.addClass('can_ui_layout_fill')
-
-
- var options = parent;
- options || (options = {});
- if(typeof options == 'string'){
- options = this.closest(options)
- }
- if ( options.jquery || options.nodeName ) {
- options = {parent: options};
- }
-
- options.parent || (options.parent = $(this).parent())
- options.parent = $(options.parent)
-
- var thePage = isThePage(options.parent[0]);
-
- if ( thePage ) {
- options.parent = $(window)
- }
-
-
- this.each(function(){
-
- var evData = {
- filler: $(this),
- inFloat: inFloat(this, thePage ? document.body : options.parent[0]),
- options: options
- },
- cb = function(){
- filler.parentResize.apply(this, arguments)
- }
- $(options.parent).bind('resize', evData, cb);
- //if this element is removed, take it out
-
- $(this).bind('destroyed', evData, function( ev ) {
- $(ev.target).removeClass('can_ui_layout_fill')
- $(options.parent).unbind('resize', cb)
- });
-
- })
-
-
-
- //add a resize to get things going
- var func = function() {
- options.parent.resize();
- }
- if ( $.isReady ) {
- func();
- } else {
- $(func)
- }
- return this;
- };
-
-
- $.extend(filler, {
- parentResize: function( ev ) {
- if (ev.data.filler.is(':hidden')) {
- return;
- }
-
- var parent = $(this),
- isWindow = this == window,
- container = (isWindow ? $(document.body) : parent),
-
- //if the parent bleeds margins, we don't care what the last element's margin is
- isBleeder = bleeder(parent),
- children = container.children().filter(function() {
- if ( matches.test(this.nodeName.toLowerCase()) ) {
- return false;
- }
-
- var get = $.styles(this, ['position', 'display']);
- return get.position !== "absolute" && get.position !== "fixed" && get.display !== "none" && !jQuery.expr.filters.hidden(this)
- }),
- last = children.eq(-1),
- first,
- parentHeight = parent.height() - (isWindow ? parseInt(container.css('marginBottom'), 10) || 0 : 0),
- currentSize;
- var div = ''
-
- if ( isBleeder ) {
- //temporarily add a small div to use to figure out the 'bleed-through' margin
- //of the last element
- last = $(div).appendTo(container);
-
- }
- //console.log("?")
- //for performance, we want to figure out the currently used height of the parent element
- // as quick as possible
- // we can use either offsetTop or offset depending ...
- if ( last && last.length > 0 ) {
- if ( last.offsetParent()[0] === container[0] ) {
-
- currentSize = last[0].offsetTop + last.outerHeight();
- } else if (last.offsetParent()[0] === container.offsetParent()[0]) {
- // add pos abs for IE7 but
- // might need to adjust for the addition of first's hheight
- var curLast =last[0].offsetTop;
- first = $(div).prependTo(container);
-
- currentSize = ( curLast + last.outerHeight() ) - first[0].offsetTop;
-
- first.remove();
- } else {
- // add first so we know where to start from .. do not bleed in this case
- first = $(div).prependTo(container);
- /*console.log('last', last,'last-top', last.offset().top, 'last-height',last.outerHeight(),
- '\nct',container, "container-top",container.offset().top,
- '\nfirst',first, "first-top",
- first.offset().top,
- 'parentMatch',
- last.offsetParent()[0] === container.offsetParent()[0]);*/
-
- currentSize = ( last.offset().top + last.outerHeight() ) - first.offset().top //- container.offset().top
- first.remove();
- }
- }
-
- // what the difference between the parent height and what we are going to take up is
- var delta = parentHeight - currentSize,
- // the current height of the object
- fillerHeight = ev.data.filler.height();
-
- //adjust the height
- if ( ev.data.options.all ) {
- // we don't care about anything else ... we are likely absolutely positioned
- //we need to fill the parent width ...
- // temporarily collapse ... then expand ...
- ev.data.filler.height(0).width(0);
- var parentWidth = parent.width(),
- parentHeight = parent.height();
-
- ev.data.filler.outerHeight(parentHeight);
- ev.data.filler.outerWidth(parentWidth);
- } else {
- //console.log(ev.data.filler, "parentHeight",parentHeight, "currentSize",currentSize)
- ev.data.filler.height(fillerHeight + delta)
- }
-
-
- //remove the temporary element
- if ( isBleeder ) {
- last.remove();
-
- }
- }
- });
-
-})
\ No newline at end of file
diff --git a/dom/fills/fills.md b/dom/fills/fills.md
deleted file mode 100644
index 0c8bac0f..00000000
--- a/dom/fills/fills.md
+++ /dev/null
@@ -1,4 +0,0 @@
-@page jQuery.fills
-@parent jquerypp
-
-`jQuery.fills` adds `jQuery.fn.fills`.
\ No newline at end of file
diff --git a/dom/fills/fills1.html b/dom/fills/fills1.html
deleted file mode 100644
index 1addbbb4..00000000
--- a/dom/fills/fills1.html
+++ /dev/null
@@ -1,183 +0,0 @@
-
-
-
- filler
-
-
-
-
-
-
-