1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
// JavaScript
"use strict";
class GrammalecteMenu {
constructor (nMenu, xTextArea) {
this.sMenuId = "grammalecte_menu" + nMenu;
let xButton = createNode("div", {className: "grammalecte_menu_main_button", textContent: " "});
xButton.onclick = () => { this.switchMenu(); };
let xMenu = this._createMenu(xTextArea);
this._insertAfter(xButton, xTextArea);
this._insertAfter(xMenu, xTextArea);
}
_insertAfter (xNewNode, xReferenceNode) {
xReferenceNode.parentNode.insertBefore(xNewNode, xReferenceNode.nextSibling);
}
_createMenu (xTextArea) {
|
|
|
|
|
|
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
// JavaScript
"use strict";
class GrammalecteMenu {
constructor (nMenu, xTextArea) {
this.sMenuId = "grammalecte_menu" + nMenu;
this.xButton = createNode("div", {className: "grammalecte_menu_main_button", textContent: " "});
this.xButton.onclick = () => { this.switchMenu(); };
this.xMenu = this._createMenu(xTextArea);
this._insertAfter(this.xButton, xTextArea);
this._insertAfter(this.xMenu, xTextArea);
}
_insertAfter (xNewNode, xReferenceNode) {
xReferenceNode.parentNode.insertBefore(xNewNode, xReferenceNode.nextSibling);
}
_createMenu (xTextArea) {
|
82
83
84
85
86
87
88
89
90
91
92
93
94
|
xMenu.appendChild(createNode("div", {className: "grammalecte_menu_footer"}));
return xMenu;
}
catch (e) {
showError(e);
}
}
switchMenu () {
let xMenu = document.getElementById(this.sMenuId);
xMenu.style.display = (xMenu.style.display == "block") ? "none" : "block";
}
}
|
>
>
>
>
>
|
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
xMenu.appendChild(createNode("div", {className: "grammalecte_menu_footer"}));
return xMenu;
}
catch (e) {
showError(e);
}
}
deleteNodes () {
this.xMenu.parentNode.removeChild(this.xMenu);
this.xButton.parentNode.removeChild(this.xButton);
}
switchMenu () {
let xMenu = document.getElementById(this.sMenuId);
xMenu.style.display = (xMenu.style.display == "block") ? "none" : "block";
}
}
|