Download from GitHub

Initialization

Attach the ajaxPaginationFetch function to the element that provides the scope of content you would like to affect, like this:

$('body').ajaxPaginationFetch(options, callback);

Options

The following options can be passed to the function:

contentSelect: (text string) This will be the jQuery selector that specifies a unit of new content (e.g. the class applied to each blog post)(default: '.item').

appendElem: (text string) This will be the jQuery selector that specifies the element to which the new items will be appended (default: '#content').

paginationNext: (text string) This will be the jQuery selector that specifies the "Next" link. This element should be an anchor tag with an "href" attribute that links to the next page. (default: '#nextLink').

scrollToThere: (boolean) If true, the page will scroll so that the first new item is at the top of the page. (default: true)

scrollSpeed: (integer) Sets the speed (in milliseconds) of the scroll. (default: 500)

scrollSpeed: (integer) Sets the speed (in milliseconds) of the scroll. (default: 500)

scrollOffset: (integer) Sets the distance (in pixels) that the top item should be from the top when it is done scrolling. (default: 0)

Callback

The second argument is whatever function should be executed when the pagination fetch is finished.

Example (These are the settings for this blog):

$('body').ajaxPaginationFetch(
        {
        'contentSelect' : '.post',
            'appendElem' : '#blogContent',
            'paginationNext' : '#pagination a',
            'scrollToThere' : true,
            'scrollSpeed' : 500,
            'scrollOffset': -150
         },
        reBind()
    );

Download from GitHub

Download from GitHub

The plugin will use the content of the label tag associated with the field for the watermarked label and will hide the label itself. To avoid the flash of the labels before the JS hides them, you should also hide the labels with CSS.

Example:

The association is made first through matching the label's "for" attribute to the "name" attribute of the input. If that fails, the plugin will then look for the immediately preceding label in the document.

On load, the labels tags are hidden and the value of each field becomes the label value. On focus, the label value is removed for data input and the field is given a class of "activeField" (this can be changed in options).

On blur, the plugin checked to see if the field was filled. If so the "activeField" class is replaced with 'filledField', if not the original watermark field returns and the "activeField" class is removed.

Initialization

Attach the .watermarkerupper() function to the form or other containing div, the inputs of which you would like to affect.

 $('#myForm').watermarkerupper();

Options

The following options can be passed to the function:

activeClass: (text string) This will be the class name assigned when the field has focus (default: 'activeField').

filledClass: (text string) This will be the class name assigned when the field has lost focus and has been filled out (default: 'filledField').

pwordDisplay: (any valid value of the CSS 'display' property) this controls the 'display' CSS applied to the dummy field created for using this plug in with password fields (default: 'inline').

Example

   $('#myForm').watermarkerupper({
        'activeClass' : 'myActiveclass',
        'filledClass' : 'myFilledclass',
        'pwordDisplay' : 'block'
    });

Download from GitHub