Script Title: duplicateElementById
Programming Language: Java Script
Date Completed: 2013/02/24

Purpose: To easily duplicate an HTML element and its contents.

Description: Duplicate an HTML element, includes attributes and its inner HTML. Assign a new element ID or no ID will be assigned to the duplicate element. Choose where the duplicate is to be created with node positions. Duplicate function returns undefined if the targeted element does not exists.

Compatibility: Works with all modern Web browsers.

Methods:

var class = new duplicateElementById();

class.targetId
Target the element to duplicate by ID. *Required
class.id
Set the ID of the duplicate element. Default value null.
class.parentId
Target an element to place the duplicate. Default value null.
class.nodePosition
Set to choose where the duplicate should be placed. Default value null.
class.duplicate();
Function to duplicate the element.

Node Positions:

0 – First child
1 – Last child
2 – Above element
3 – Below element
Null – Append to document body

*If the parentId is not set, the duplicate will be placed in the Null position.

Example Usage:

var mydup = new duplicateElementById();
mydup.targetId = “mytxtArea”;
mydup.id = “mytxtArea2”;
mydup.duplicate();

The duplicate is created on the bottom of the Web page.

Example Usage:

var mydup = new duplicateElementById();
mydup.targetId = “mytxtArea”;
mydup.id = “mytxtArea2”;
mydup.parentId = “wrapper”;
mydup.nodePosition = 1;
mydup.duplicate();

The duplicate is created within the wrapper element at the bottom.

 

 

 

Be the first to write a comment.

---