This is “Visual selection of elements for jQuery framework” Check out the demo
- jQuery framework >= 1.8
- [* JRE for build]
- Light weight (min. 5KB code)
- Cross browser support (IE, Chrome, Firefox, Opera, Vivaldi)
- Wide API interfaces
- A large field of activity
- Customize the way you like
Install the jsel in the footer
<script src="/javascript/jsel.jquery.min.js"></script>
<script>$(function() {$('body').jsel('events': {}).setActive()});</script>
or add special class for your element <body class="jsel-trigger">
.
Option | Default | Description |
---|---|---|
active | false | [boolean] Enable by default |
breakCode | 27 | [number] Code button for unselected (default ESC) |
borderSize | 2 | [number] Border size selected object |
useLabel | true | [boolean] Use label for selected object |
useEvent | true | [boolean] Use events for selected object |
events | {} | [object] Available events |
Option | Default | Description |
---|---|---|
callback.init | null | [function] Callback init wrapper |
callback.select | null | [function] Callback selected object |
$(function ()
{
$('body').jsel({
'events':
{
'delete':
{
'label': 'Delete',
'callback': function (element)
{
var newPos = element.next().length ? element.next() : element.parent();
element.remove();
// reload selected
this.setInactive();
newPos.length && this.setPosition({target: newPos});
this.setActive();
}
},
'show':
{
'label': 'Show Selector',
'callback': function (element)
{
alert(this.getSelector(element));
}
}
}
}).setActive();
});
cd ~ && git clone https://github.com/demorfi/jsel.git jsel && cd jsel
make && ls builds -lX
# rebuild
make clean && make && ls builds -lX
or use ready files in directories.
- Initialize version 1.0
This is licensed under the MIT License.