tag-creator
v1.4.0
Published
A jQuery plugin for creating HTML elements providing object structure
Downloads
4
Maintainers
Readme
tagCreator
This plugin creates by parsing objects, no more adding tags manually by append function in jquery.
#Usage tagCreator returns a string by accessing directly to the function
$.tagCreator(object);
example:
$.tagCreator({
div: {
id: 'firstTag',
class: 'normal'
}
});
returns
<div id="firstTag" class="normal"></div>
to insert tag inside an element with jQuery
$(element).tagCreator(object);
example:
$('#testingTag').tagCreator({
div: {
id: 'firstTag',
class: 'normal'
}
});
this creates the tag with its attributes inside #testingTag
element.
Note: The plugin can create multiple tags, just define more tag properties. Also, the plugin has a callback when accesing from jquery element $(document).tagCreator(object, callback);
#Options
tagCreator also has option properties
Content can be added as a property in the tag. example:
$('#testingTag').tagCreator({
div: {
id: 'firstTag',
class: 'normal',
content: 'This is the content'
}
});
this will add the content text inside the tag
Style can also be added as property object example:
$('#testingTag').tagCreator({
div: {
id: 'firstTag',
class: 'normal',
style: {
width: '80px',
height: '80px',
'background-color': 'black'
}
}
});
this will parse the style object and insert to style property of the tag
Data This property can be used to add multiple data attrs into the compiled element
$("#testingTag").tagCreator({
div: {
id: 'firstTag',
class: 'normal',
data: {
target: '#modal-1'
}
}
});