lsd_rails 0.1

data/Packages/mootools-more/Docs/Forms/OverText.md

@@ -0,0 +1,237 @@
+Class: OverText {#OverText}
+===========================
+
+Shows text over an input that disappears when the user clicks into it. The text remains hidden if the user adds a value.
+
+### Tutorial/Demos
+
+* [Enhanced Form](http://mootools.net/demos/?demo=Enhanced-Form)
+* [Online Tutorial/Demo](http://www.clientcide.com/wiki/cnet-libraries/09-forms/05-overtext)
+
+### Implements
+
+* [Options][], [Events][], [Class.Binds][]
+
+
+OverText Method: constructor
+-----------------------------
+
+
+### Syntax
+
+	new OverText(input[, options]);
+
+### Arguments
+
+1. input - (*mixed*) a DOM Element (or its id) that should receive the hover text
+2. options - (*object*, optional) a key/value set of options
+
+### Options
+
+* element - (*string*) type of element to be used for the OverText; defaults to *label*.
+* positionOptions - (*object*) data passed to [Element.position][].
+* poll - (*boolean*) whether to periodically re-evaluate the input to set their overtext element's position and visibility (useful for login in fields that are often populated by remembered usernames and passwords by the browser); defaults to *false*.
+* pollInterval - (*number*) the duration between polling in milliseconds; defaults to *250*.
+* wrap - (*boolean*) if *true*, all inputs are wrapped with a div that is positioned relatively with the class "overTxtWrapper"
+* textOverride - (*string*) if defined, this will be the value of the over text rather than the input *alt* or *title*.
+* labelClass - (*string*, defaults to `overTxtLabel`) a css classname to style the input overtext
+
+### Events
+
+* onTextHide - (*function*) callback fired when an overtext element is hidden (passed the overtext element and the input element as arguments)
+* onTextShow - (*function*) callback fired when an overtext element is shown (passed the overtext element and the input element as arguments)
+
+### Note
+OverText positions the text over your input. Depending on your layout, it's possible that your input might move (for instance, if you inject new content above it, or the user resizes their browser). This often happens with [Form.Validator.Inline](/more/Forms/Form.Validator.Inline), for instance. The solution here is to wrap your inputs in containers that are positioned (position: relative, for instance). By wrapping your inputs, when the page flow changes the overtext will move with them. The *wrap* option does this for you automatically.
+
+OverText Method: hide {#OverText:hide}
+--------------------------------------
+
+Hides the overtext element for a given input.
+
+### Syntax
+
+	myOverText.hide();
+
+### Returns
+
+* (*object*) - This instance of [OverText][]
+
+OverText Method: show {#OverText:show}
+--------------------------------------
+
+Shows the overtext element for a given input.
+
+### Syntax
+
+	myOverText.show();
+
+### Returns
+
+* (*object*) - This instance of [OverText][]
+
+OverText Method: focus {#OverText:focus}
+--------------------------------------------------------
+
+Focuses the input and hides the overtext.
+
+### Returns
+
+* (*object*) - This instance of [OverText][]
+
+OverText Method: enable {#OverText:enable}
+--------------------------------------------------------
+
+Enables the behavior of the class. Displays the text hint if the input is empty.
+
+### Returns
+
+* (*object*) - This instance of [OverText][]
+
+OverText Method: disable {#OverText:disable}
+--------------------------------------------------------
+
+Disables the behavior of the class. Hides the text hint.
+
+### Returns
+
+* (*object*) - This instance of [OverText][]
+
+OverText Method: destroy {#OverText:destroy}
+--------------------------------------------------------
+
+Destroys the class, removing the behavior from the input as well as any DOM elements created (the hint text label and the wrapper element if the options called for it).
+
+### Returns
+
+* (*object*) - This instance of [OverText][]
+
+OverText Method: reposition {#OverText:reposition}
+----------------------------------------------------------------
+
+Repositions the overtext element over a the input.
+
+### Syntax
+
+	myOverText.reposition();
+
+### Returns
+
+* (*object*) - This instance of [OverText][]
+
+OverText Method: startPolling {#OverText:startPolling}
+--------------------------------------------------------
+
+Begins repeatedly polling the input to position and show (or hide) the over text. Useful for login fields that are often autofilled by browsers.
+
+### Returns
+
+* (*object*) - This instance of [OverText][]
+
+OverText Method: stopPolling {#OverText:stopPolling}
+--------------------------------------------------------
+
+Cancels the polling of the input.
+
+### Returns
+
+* (*object*) - This instance of [OverText][]
+
+OverText Static Methods: update {#OverText:update}
+==================================================
+
+These method calls are made against the OverText namespace (not instances of OverText) and apply their actions to all running instances.
+
+
+OverText Static Method: update {#OverText:update}
+-------------------------------------------------
+
+This allows you to manually re-assert the positioning and visibility of all the OverTexts on the page.
+
+### Syntax
+
+	OverText.update();
+
+### Note
+
+This method is NOT a method on the instance. Rather it is on the namespace. So:
+
+### Example
+
+	var myOverText_1 = new OverText(...);
+	var myOverText_2 = new OverText(...);
+	//...later
+	OverText.update(); //updates all the instances of OverText
+
+### Returns
+
+* *array* - an array of all the running instances of the class.
+
+OverText Static Method: hideAll {#OverText:hideAll}
+-------------------------------------------------
+
+This allows you to manually hide all the OverTexts on the page.
+
+### Syntax
+
+	OverText.hideAll();
+
+### Note
+
+This method is NOT a method on the instance. Rather it is on the namespace. So:
+
+### Example
+
+	var myOverText_1 = new OverText(...);
+	var myOverText_2 = new OverText(...);
+	//...later
+	OverText.hideAll(); //hides all the instances of OverText
+
+### Returns
+
+* *array* - an array of all the running instances of the class.
+
+
+OverText Static Method: showAll {#OverText:showAll}
+-------------------------------------------------
+
+This allows you to manually show all the OverTexts on the page.
+
+### Syntax
+
+	OverText.showAll();
+
+### Note
+
+This method is NOT a method on the instance. Rather it is on the namespace. So:
+
+### Example
+
+	var myOverText_1 = new OverText(...);
+	var myOverText_2 = new OverText(...);
+	//...later
+	OverText.showAll(); //updates all the instances of OverText
+
+### Returns
+
+* *array* - an array of all the running instances of the class.
+
+Type: Element {#Element}
+==========================
+
+Extends the Element Type with a reference to its [OverText][] instance.
+
+Element property: OverText {#Element:overtext}
+------------------------------------------------
+
+### Syntax
+
+	myInput.retrieve('OverText'); //the instance of OverText for the element
+
+
+[Overtext]: #OverText
+[OverText.reposition]: #OverText:reposition
+[Element.position]: /more/Element/Element.Position#Element:position
+[Options]: /core/Class/Class.Extras#Options
+[Events]: /core/Class/Class.Extras#Events
+[Class.Binds]: /more/Class/Class.Binds

data/Packages/mootools-more/Docs/Fx/Fx.Accordion.md

@@ -0,0 +1,178 @@
+Class: Fx.Accordion {#Fx-Accordion}
+=============================
+
+The *Fx.Accordion* class creates a group of Elements that are toggled when their handles are clicked. When one Element toggles into view, the others toggle out.
+
+### Demo
+
+- [Fx.Accordion](http://mootools.net/demos/?demo=Accordion)
+
+### Notes
+
+- *Fx.Accordion* requires the page to be in [Standards Mode](http://hsivonen.iki.fi/doctype/).
+- *Fx.Accordion* elements will have their paddings and borders removed in order to make the transition display correctly.  Best practice is to use the accordion elements as containers for elements that are styled exactly as you like.
+
+### Extends
+
+* [Fx.Elements][]
+
+Fx.Accordion Method: constructor
+--------------------------------
+
+### Syntax
+
+	var myAccordion = new Fx.Accordion(togglers, elements[, options]);
+
+### Arguments
+
+1. togglers  - (*array*) The collection of Elements which will be clickable and trigger the opening of sections of the *Fx.Accordion*.
+2. elements  - (*array*) The collection of Elements the transitions will be applied to.
+3. options   - (*object*, optional) All the [Fx][] options in addition to options below.
+
+### Options
+
+* display     - (*number*: defaults to 0) The index of the element to show at start (with a transition). To force all elements to be closed by default, pass in -1.
+* show        - (*number*: defaults to false) The index of the element to be shown initially.
+* trigger     - (*string*: defaults to 'click') The event that triggers a change in element display.
+* height      - (*boolean*: defaults to true) If set to true, a height transition effect will take place when switching between displayed elements.
+* width       - (*boolean*: defaults to false) If set to true, it will add a width transition to the accordion when switching between displayed elements. Warning: CSS mastery is required to make this work!
+* opacity     - (*boolean*: defaults to true) If set to true, an opacity transition effect will take place when switching between displayed elements.
+* fixedHeight - (*number*) If set, displayed elements will have a fixed height equal to the specified value.
+* fixedWidth - (*number*) If set, displayed elements will have a fixed width equal to the specified value.
+* alwaysHide  - (*boolean*: defaults to false) If set to true, it will be possible to close all displayable elements. Otherwise, one will remain open at all time.
+* initialDisplayFx - (*boolean*; defaults to true) If set to false, the initial item displayed will not display with an effect but will just be shown immediately.
+* resetHeight - (*boolean*; defaults to true) If set to false, the height of an opened accordion section will be set to an absolute pixel size.
+
+### Events
+
+#### active
+
+* (*function*) Function to execute when an element starts to show.
+
+##### Signature
+
+	onActive(toggler, element)
+
+##### Arguments
+
+1. toggler - (*element*) The toggler for the Element being displayed.
+2. element - (*element*) The Element being displayed.
+
+#### background
+
+* (*function*) Function to execute when an element starts to hide.
+
+##### Signature
+
+	onBackground(toggler, element)
+
+##### Arguments
+
+1. *toggler* - (element) The toggler for the Element being displayed.
+2. *element* - (element) The Element being displayed.
+
+
+### Returns
+
+* (*object*) A new *Fx.Accordion* instance.
+
+
+### Examples
+
+	var myAccordion = new Fx.Accordion($$('.togglers'), $$('.elements'), {
+		display: 2,
+		alwaysHide: true
+	});
+
+
+Fx.Accordion Method: addSection {#Fx-Accordion:addSection}
+----------------------------------------------------
+
+Dynamically adds a new section into the *Fx.Accordion* at the specified position.
+
+### Syntax
+
+	myAccordion.addSection(toggler, element);
+
+### Arguments
+
+1. toggler - (*element*) The Element that toggles the *Fx.Accordion* section open.
+2. element - (*element*) The Element that should stretch open when the toggler is clicked.
+
+### Returns
+
+* (*object*) This *Fx.Accordion* instance.
+
+### Examples
+
+	var myAccordion = new Fx.Accordion($$('.togglers'), $$('.elements'));
+	myAccordion.addSection('myToggler1', 'myElement1'); // add the section at the end sections.
+	myAccordion.addSection('myToggler2', 'myElement2', 0); //add the section at the beginning of the sections.
+
+Fx.Accordion Method: removeSection {#Fx-Accordion:removeSection}
+----------------------------------------------
+
+Detaches the toggle behavior from the DOM specified elements. If that element is expanded, it shows another (either the previous item, the next item if there is no previous one, or one you specify). Does not remove the elements from the DOM.
+
+### Syntax
+
+	myAccordion.removeSection(toggler, [displayIndex]);
+
+### Arguments
+
+1. toggler - (*element*) The toggler element to detach the behavior from.
+2. displayIndex - (*number*; optional) The section to display next (note that this index is based on the exclusion of the removed section, so if you remove the first section at index zero, then want to show the third one, you would specify index 1 - the second item in the accordion after the removal of the first).
+
+### Returns
+
+* (*object*) This *Fx.Accordion* instance.
+
+
+Fx.Accordion Method: display {#Fx-Accordion:display}
+----------------------------------------------
+
+Shows a specific section and hides all others. Useful when triggering an accordion from outside.
+
+### Syntax
+
+	myAccordion.display(index);
+
+### Arguments
+
+1. index - (*mixed*) The index of the item to show, or the actual element to be displayed.
+
+### Returns
+
+* (*object*) This *Fx.Accordion* instance.
+
+### Examples
+
+	// Make a ticker-like accordion. Kids don't try this at home.
+	var myAccordion = new Fx.Accordion('.togglers', '.elements', {
+		onComplete: function(){
+			this.display.delay(2500, this, (this.previous + 1) % this.togglers.length);
+		}
+	});
+
+
+Fx.Accordion Method: detach {#Fx-Accordion:detach}
+----------------------------------------------
+
+Detaches the toggle behavior from the DOM element(s). If a single element is specified, it detaches only the toggle behavior, but the accordion still works for that element (if, for example it is expanded, clicking on another section will shrink as the other grows). If no element is specified, this method disables the accordion.
+
+### Syntax
+
+	myAccordion.detach([toggler]);
+
+### Arguments
+
+1. toggler - (*element*; optional) The toggler element to detach the behavior from; if not specified, detaches all togglers.
+
+### Returns
+
+* (*object*) This *Fx.Accordion* instance.
+
+
+
+[Fx]: /core/Fx/Fx
+[Fx.Elements]: /more/Fx/Fx.Elements

data/Packages/mootools-more/Docs/Fx/Fx.Elements.md

@@ -0,0 +1,114 @@
+Class: Fx.Elements {#Fx-Elements}
+=================================
+
+Fx.Elements allows you to apply any number of styles transitions to a collection of Elements.
+
+### Extends
+
+* [Fx][]
+
+Fx.Elements Method: constructor
+-------------------------------
+
+### Syntax
+
+	new Fx.Elements(elements[, options]);
+
+### Arguments
+
+1. elements - (*array*) A collection of Elements the effects will be applied to.
+2. options  - (*object*, optional) Same as [Fx][] options.
+
+
+### Returns
+
+* (*object*) A new Fx.Elements instance.
+
+### Examples
+
+	var myFx = new Fx.Elements($$('.myElementClass'), {
+		onComplete: function(){
+			alert('complete');
+		}
+	}).start({
+		0: {
+			height: [200, 300],
+			opacity: [0,1]
+		},
+		1: {
+			width: [200, 300],
+			opacity: [1,0]
+		}
+	});
+
+### Notes
+
+- Includes colors but must be in hex format.
+
+
+
+Fx.Elements Method: set {#Fx-Elements:set}
+------------------------------------------
+
+Applies the passed in style transitions to each object named immediately (see example).
+
+### Syntax
+
+	myFx.set(to);
+
+### Arguments
+
+1. to - (*object*) An object where each item in the collection is refered to as a numerical string ("1" for instance). The first item is "0", the second "1", etc.
+
+### Returns
+
+* (*object*) This Fx.Elements instance.
+
+### Examples
+
+	var myFx = new Fx.Elements($$('.myClass')).set({
+		'0': {
+			'height': 200,
+			'opacity': 0
+		},
+		'1': {
+			'width': 300,
+			'opacity': 1
+		}
+	});
+
+
+
+Fx.Elements Method: start {#Fx-Elements:start}
+----------------------------------------------
+
+Applies the passed in style transitions to each object named (see example).
+
+### Syntax
+
+	myFx.start(obj);
+
+### Arguments
+
+1. obj - (*object*) An object where each item in the collection is refered to as a numerical string ("1" for instance). The first item is "0", the second "1", etc.
+
+### Returns
+
+* (*object*) This Fx.Elements instance.
+
+### Examples
+
+	var myElementsEffects = new Fx.Elements($$('a'));
+	myElementsEffects.start({
+		'0': { //let's change the first element's opacity and width
+			'opacity': [0,1],
+			'width': [100,200]
+		},
+		'4': { //and the fifth one's opacity
+			'opacity': [0.2, 0.5]
+		}
+	});
+
+
+
+[Fx]: /core/Fx/Fx

data/Packages/mootools-more/Docs/Fx/Fx.Move.md

@@ -0,0 +1,160 @@
+Class: Fx.Move {#Fx-Move}
+=========================
+
+Moves an element to another location (relative to another element) with a transition.
+
+### Tutorial/Demo
+
+* [Online Tutorial/Demo](http://www.clientcide.com/wiki/cnet-libraries/05-fx/01-fx.move)
+
+### Extends
+
+- [Fx.Morph][]
+
+
+Fx.Move Method: constructor
+---------------------------
+
+### Syntax
+
+	new Fx.Move(element[, options]);
+
+### Arguments
+
+1. element - (*mixed*) A string of the id for an Element or an Element reference to relocate
+2. options - (*object*, optional) An object with options for the effect. See below.
+
+### Options
+
+* relativeTo - (*mixed*) a string of the id for an Element or an Element reference relative to which to position this one; defaults to *document.body.*
+* position - (*string*) the aspect of the relativeTo element that this element should be positioned. Options are 'upperRight', 'upperLeft', 'bottomLeft', 'bottomRight', and 'center' (the default). With the exception of center, all other options will make the upper right corner of the positioned element = the specified corner of the relativeTo element. 'center' will make the center point of the positioned element = the center point of the relativeTo element.
+* edge - (*string*) the edge of the element to set relative to the relative elements corner; this way you can specify to position this element's upper right corner to the bottom left corner of the relative element. this is optional; the default behavior positions the element's upper left corner to the relative element unless position == center, in which case it positions the center of the element to the center of the relative element. Acceptable values here are the same as those in the 'position' option.
+* offset - (*object*) x/y coordinates for the offset (i.e. {x: 10, y:100} will move it down 100 and to the right 10). Negative values are allowed.
+
+### Returns
+
+* (*object*) A new instance of [Fx.Move][].
+
+### Examples
+
+	var mover = new Fx.Move($('myelement'), {
+		relativeTo: $('someOtherElement'),
+		position: 'upperRight',
+		edge: 'upperLeft',
+		offset: {x: 10, y: 100}
+	});
+	mover.start(); //moves to the new location
+	mover.start({
+		relativeTo: document.body,
+		position: 'center',
+		edge: false,
+		offset: {x:0,y:0}
+	}); //move it to the center of the window
+
+### See Also
+
+- [Fx.Morph][]
+
+Fx.Move Method: start {#Fx-Move:start}
+--------------------------------------
+
+Moves the element to provided destination or the destination specified in the options.
+
+### Syntax
+
+	myFxMove.start(options); //options are not required
+
+### Arguments
+
+1. destination - (*object*, optional) an object of key/value options specifying a new position for the element; if not provided the values in the options set at initialization will be used.
+
+### Destination
+
+* See all the arguments defined in the options above for the key/value options in the destination object.
+
+### Returns
+
+* (*object*) This [Fx.Move][] instance.
+
+### Notes
+
+- If you want to pass in a destination, you must pass in ALL of the options (relativeTo, position, edge, and offset x & y) unless you want to use those already defined in the options at initialization. In other words, if you only pass in one of these options, the rest will be filled in from the options defined at initialization.
+- You can always set new defaults using *setOptions*.
+
+Type: Element {#Element}
+==========================
+
+Extends the Element Type with [Fx.Move][] methods.
+
+Element Property: move {#Element:move}
+-------------------------------------------------
+
+### Setter
+
+Sets a default [Fx.Move][] instance for an Element.
+
+#### Syntax
+
+	el.set('move'[, options]);
+
+#### Arguments
+
+1. options - (*object*, optional) The [Fx.Move][] options.
+
+#### Returns
+
+* (*element*) This Element.
+
+#### Examples
+
+	el.set('move', {duration: 'long', transition: 'bounce:out'});
+	el.move(); //centers on the screen
+
+### Getter
+
+Gets the default [Fx.Move][] instance for the Element.
+
+#### Syntax
+
+	el.get('move');
+
+#### Returns
+
+* (*object*) The Element's internal [Fx.Move][] instance.
+
+#### Examples
+
+	el.set('move', {duration: 'long', transition: 'bounce:out'});
+	el.move({relativeTo:$('myDiv'));
+	el.get('move'); //The Fx.Move instance.
+
+Type: Element {#Element}
+==========================
+
+Adds [Fx.Move][] shortcuts to the [Element][] class.
+
+Element Method: move {#Element:move}
+-------------------------------------
+
+Creates a new instance of [Fx.Move][] and calls its *start* method.
+
+### Syntax
+
+	$(element).move(options);
+
+### Arguments
+
+* options - (*object*) a key/value set of options. See [Fx.Move:options][].
+
+### Returns
+
+* (*element*) This Element.
+
+### Example
+
+	$(element).move({relativeTo: $('myDiv')});
+
+[Fx.Move]: #Fx-Move
+[Fx.Move:options]: #Fx-Move:options
+[Fx.Morph]: /core/Fx/Fx.Morph
+[Element]: /core/Element/Element