Skip to content

GitLab

  • Menu
Projects Groups Snippets
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
  • Sign in
  • W wikiwfs.geo.uu.nl
  • Project information
    • Project information
    • Activity
    • Members
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Wiki
    • Wiki
  • Activity
Collapse sidebar
  • System Projects
  • wikiwfs
  • wikiwfs.geo.uu.nl
  • Wiki
  • Home

Home · Changes

Page history
Update home authored Oct 01, 2021 by 3537390's avatar 3537390
Hide whitespace changes
Inline Side-by-side
home.md
View page @ f4d1f211
......@@ -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.
......
Clone repository

Home
ajaxMenus
ajaxTables