plusmagic/plus.repeater

plus.repeater is simple jQuery for make your form can copy itself to new input or other object include label, image and other object when user focus on last copied.

1.5.1 2019-05-29 15:53 UTC

This package is not auto-updated.

Last update: 2024-04-26 15:07:52 UTC


README

plus.repeater is simple jQuery for make your form can copy itself to new input or other object include label, image and other object when user focus on last copied.

Get Started

  1. Include jQuery

    <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>

    Requires jQuery 1.7+

  2. Include plugin's code

    <script src="/path/to/plus.repeater.js"></script>
  3. Include id for parent node and class="clone" to yours code for use as template for example:

    <tbody id="repeaterA">
    	<tr id="#id#" class="clone">
    		<td>#no#</td>
    		<td>#id#</td>
    		<td><input type="text" name="links[#no#][href]" size="100"></td>
    		<td align="left"><a class="remove">remove</a></td>
    	</tr>
    </tbody>
  4. Call the plugin

    $(function(){
    	$.repeater({
    		selecter:'repeaterA'
    	});
    });

Options

Name Default Description
callback Callback function.
deepWithDataAndEvents value of withDataAndEvents A Boolean indicating whether event handlers and data for all children of the cloned element should be copied. By default its value matches the first argument's value (which defaults to false).
default 0 Default number of copy.
max 10 Maximum number of copy.
min 1 Minimum number of copy.
parent 1 Number of parent.
selecter repeater ID of parent node.
start 0 A number for add ID to each copy.
withDataAndEvents false A Boolean indicating whether event handlers should be copied along with the elements. As of jQuery 1.4, element data will be copied as well.

Tags

Code Description
#id# ID of each copy.
#no# Copy No.

Demo

Here is the link to the [demo][demo] [demo]: http://plusmagi.com/plus-repeater

Bugs

For bug reports, questions, feature requests, or other suggestions please create an [issue][issue] on GitHub. [issue]: https://github.com/plusmagic/plus.repeater/issues/new

Author

| Pitt Phunsanit | Alt text

License

Creative Commons License
plus.repeater by pitt phunsanit is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Based on a work at https://github.com/plusmagic/plus.repeater.