Web Component: j-Exec
Exec
- jComponent
v19|v20
The component executes a method when the user clicks on the same element with the exec, exec2, or exec3 class. More information is below. The component is a singleton, and it works for the whole HTML document.
Elements:
- Elements can contain
data-execattribut with a method name which will be execute when the user click on the element. - Elements can contain
data-hrefattribute and the component performsREDIRECT().
Attributes:
data-exec="METHOD_NAME"executes a method when user clicks (supports plugin calls via?character)data-prevent="true"prevents continuing in theclickeventdata-href="URL"performsREDIRECT()
Attributes for the double click:
data-exec2="METHOD_NAME"executes a method when user clicks (supports plugin calls via?character)data-prevent2="true"prevents continuing in theclickeventdata-href2="URL"performsREDIRECT()
Attributes for the context-menu:
data-exec3="METHOD_NAME"executes a method when user clicks (supports plugin calls via?character)data-href3="URL"performsREDIRECT()
Good to know:
- the component executes a target function in the form
function(element, event) data-exec=,data-exec2=,data-exec3=can contain@METHOD_NAMEthat will be executed in the current component plugin callscomponent/METHOD_NAME(element, e)
NEW: Extensions:
SETTER('exec/register', function(exec, el, e, type) {
// @exec {String} a value from data-exec
// @el {jQuery element}
// @e {Event}
// @type {String} empty '': click, '2': double-click '3': context menu
// registers a new extension
if (exec.charAt(0) === '/') {
EXEC('customplugin/' + exec.substring(1), el, e);
// "return true" stops the next processing of Exec
return true;
}
});
Created
18. october 2016
Updated
19. june 2024
jComponent library
19 | 20
Version
v1
License
https://www.totaljs.com/license/
Responsive
Yes
Author
Peter Širka
Email
petersirka@gmail.com

