
Shows text over an input that disappears when the user clicks into it. The text remains hidden if the user adds a value.
new OverText(input[, options]);
overTxtLabel
) a css classname to style the input overtextOverText 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, 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.
Hides the overtext element for a given input.
myOverText.hide();
Shows the overtext element for a given input.
myOverText.show();
Focuses the input and hides the overtext.
Enables the behavior of the class. Displays the text hint if the input is empty.
Disables the behavior of the class. Hides the text hint.
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).
Repositions the overtext element over a the input.
myOverText.reposition();
Begins repeatedly polling the input to position and show (or hide) the over text. Useful for login fields that are often autofilled by browsers.
Cancels the polling of the input.
These method calls are made against the OverText namespace (not instances of OverText) and apply their actions to all running instances.
This allows you to manually re-assert the positioning and visibility of all the OverTexts on the page.
OverText.update();
This method is NOT a method on the instance. Rather it is on the namespace. So:
var myOverText_1 = new OverText(...); var myOverText_2 = new OverText(...); //...later OverText.update(); //updates all the instances of OverText
This allows you to manually hide all the OverTexts on the page.
OverText.hideAll();
This method is NOT a method on the instance. Rather it is on the namespace. So:
var myOverText_1 = new OverText(...); var myOverText_2 = new OverText(...); //...later OverText.hideAll(); //hides all the instances of OverText
This allows you to manually show all the OverTexts on the page.
OverText.showAll();
This method is NOT a method on the instance. Rather it is on the namespace. So:
var myOverText_1 = new OverText(...); var myOverText_2 = new OverText(...); //...later OverText.showAll(); //updates all the instances of OverText
Extends the Element Type with a reference to its OverText instance.
myInput.retrieve('OverText'); //the instance of OverText for the element
© Linux.ria.ua, 2008-2024 |