... | ... | @@ -2,20 +2,58 @@ WikiWFS |
|
|
|
|
|
[ajaxMenus](ajaxMenus)\
|
|
|
[ajaxTables](ajaxTables)\
|
|
|
[ajaxTemplates](ajaxTemplates)\
|
|
|
[ajaxTemplates](ajaxTemplates)
|
|
|
|
|
|
[ajaxForms](ajaxforms)
|
|
|
|
|
|
[ajaxMaps](ajaxMaps)
|
|
|
|
|
|
ajaxPages contain any of the following JavaScript modules:
|
|
|
|
|
|
- ajaxMenu
|
|
|
- ajaxTable
|
|
|
- ajaxTemplate
|
|
|
- ajaxMap
|
|
|
|
|
|
|
|
|
After loading the JavaScript module, each module can be assigned to an HTML element:
|
|
|
```
|
|
|
|
|
|
```plaintext
|
|
|
<script>
|
|
|
'use strict';
|
|
|
|
|
|
import { default as ajaxMenu } from "/ajaxTemplates/js/ajaxMenus.js";
|
|
|
import { default as ajaxTable } from "/ajaxTemplates/js/ajaxTables.js";
|
|
|
|
|
|
(function () {
|
|
|
|
|
|
window["ajaxMenus"] = [];
|
|
|
window["ajaxTables"] = [];
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
|
|
|
|
const menus = document.querySelectorAll('div[data-ajax="menu"]');
|
|
|
menus.forEach((element, key) => {
|
|
|
var object = {
|
|
|
_menuCallback: {
|
|
|
functions: {}
|
|
|
}
|
|
|
}
|
|
|
ajaxMenus[key] = new ajaxMenu(element, key, object);
|
|
|
})
|
|
|
|
|
|
const tables = document.querySelectorAll('table[data-ajax="table"]');
|
|
|
tables.forEach((element, key) => {
|
|
|
var object = {
|
|
|
_tableCallback: {
|
|
|
functions: {}
|
|
|
}
|
|
|
}
|
|
|
ajaxTables[key] = new ajaxTable(element, key, object);
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
})();
|
|
|
</script>
|
|
|
|
|
|
<div data-ajax="menu"></div>
|
... | ... | @@ -31,7 +69,6 @@ An element becomes a parentElement if there is one or more childElements with th |
|
|
- A parentElement can transmit and receive events to and from any of its childElements.
|
|
|
- When an event (_mouseover, mouseout, mousedown, mouseup, click_) happens on the parentElement, the event propagates down to all childElements.
|
|
|
|
|
|
|
|
|
**siblingElements:**\
|
|
|
An element becomes a siblingElement if itself and all its siblingElements have their data-siblingId attribute set to an array containing all the element.id's of all siblingElements, including its own element.id and maintaining the same order for all.
|
|
|
|
... | ... | @@ -39,7 +76,6 @@ An element becomes a siblingElement if itself and all its siblingElements have t |
|
|
- A siblingElement can transmit and receive events to and from any of its siblingElements.
|
|
|
- When an event (_mouseover, mouseout, mousedown, mouseup, click_) happens on the siblingElement, the event propagates to all the siblingElements except the siblingElement from which the event originated.
|
|
|
|
|
|
|
|
|
**childElements:**\
|
|
|
An element becomes a childElement if it has its data-parentId attribute set to the element.id of its parentElement.
|
|
|
|
... | ... | |