1 | function SDMenu(id) { |
||
2 | if (!document.getElementById || !document.getElementsByTagName) |
||
3 | return false; |
||
0 ignored issues
–
show
|
|||
4 | this.menu = document.getElementById(id); |
||
5 | this.submenus = this.menu.getElementsByTagName("div"); |
||
6 | this.remember = true; |
||
7 | this.speed = 3; |
||
8 | this.markCurrent = true; |
||
9 | this.oneSmOnly = false; |
||
0 ignored issues
–
show
|
|||
10 | } |
||
11 | SDMenu.prototype.init = function() { |
||
12 | var mainInstance = this; |
||
13 | for (var i = 0; i < this.submenus.length; i++) |
||
14 | this.submenus[i].getElementsByTagName("span")[0].onclick = function() { |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
15 | mainInstance.toggleMenu(this.parentNode); |
||
16 | }; |
||
17 | if (this.markCurrent) { |
||
18 | var links = this.menu.getElementsByTagName("a"); |
||
19 | for (var i = 0; i < links.length; i++) |
||
0 ignored issues
–
show
Comprehensibility
Naming
Best Practice
introduced
by
The variable
i already seems to be declared on line 13 . Consider using another variable name or omitting the var keyword.
This check looks for variables that are declared in multiple lines. There may be several reasons for this. In the simplest case the variable name was reused by mistake. This may lead to very hard to locate bugs. If you want to reuse a variable for another purpose, consider declaring it at or near the top of your function and just assigning to it subsequently so it is always declared. ![]() |
|||
20 | if (links[i].href == document.location.href) { |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
21 | links[i].className = "current"; |
||
22 | break; |
||
23 | } |
||
24 | } |
||
25 | if (this.remember) { |
||
26 | var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)"); |
||
27 | var match = regex.exec(document.cookie); |
||
28 | if (match) { |
||
29 | var states = match[1].split(""); |
||
30 | for (var i = 0; i < states.length; i++) |
||
0 ignored issues
–
show
Comprehensibility
Naming
Best Practice
introduced
by
The variable
i already seems to be declared on line 13 . Consider using another variable name or omitting the var keyword.
This check looks for variables that are declared in multiple lines. There may be several reasons for this. In the simplest case the variable name was reused by mistake. This may lead to very hard to locate bugs. If you want to reuse a variable for another purpose, consider declaring it at or near the top of your function and just assigning to it subsequently so it is always declared. ![]() |
|||
31 | this.submenus[i].className = (states[i] == 0 ? "collapsed" : ""); |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
32 | } |
||
33 | } |
||
34 | }; |
||
35 | SDMenu.prototype.toggleMenu = function(submenu) { |
||
36 | if (submenu.className == "collapsed") |
||
37 | this.expandMenu(submenu); |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
38 | else |
||
39 | this.collapseMenu(submenu); |
||
40 | }; |
||
41 | SDMenu.prototype.expandMenu = function(submenu) { |
||
42 | var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight; |
||
43 | var links = submenu.getElementsByTagName("a"); |
||
44 | for (var i = 0; i < links.length; i++) |
||
45 | fullHeight += links[i].offsetHeight; |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
46 | var moveBy = Math.round(this.speed * links.length); |
||
47 | |||
48 | var mainInstance = this; |
||
49 | var intId = setInterval(function() { |
||
50 | var curHeight = submenu.offsetHeight; |
||
51 | var newHeight = curHeight + moveBy; |
||
52 | if (newHeight < fullHeight) |
||
53 | submenu.style.height = newHeight + "px"; |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
54 | else { |
||
55 | clearInterval(intId); |
||
56 | submenu.style.height = ""; |
||
57 | submenu.className = ""; |
||
58 | mainInstance.memorize(); |
||
59 | } |
||
60 | }, 30); |
||
61 | this.collapseOthers(submenu); |
||
62 | }; |
||
63 | SDMenu.prototype.collapseMenu = function(submenu) { |
||
64 | var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight; |
||
65 | var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length); |
||
66 | var mainInstance = this; |
||
67 | var intId = setInterval(function() { |
||
68 | var curHeight = submenu.offsetHeight; |
||
69 | var newHeight = curHeight - moveBy; |
||
70 | if (newHeight > minHeight) |
||
71 | submenu.style.height = newHeight + "px"; |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
72 | else { |
||
73 | clearInterval(intId); |
||
74 | submenu.style.height = ""; |
||
75 | submenu.className = "collapsed"; |
||
76 | mainInstance.memorize(); |
||
77 | } |
||
78 | }, 30); |
||
79 | }; |
||
80 | SDMenu.prototype.collapseOthers = function(submenu) { |
||
81 | if (this.oneSmOnly) { |
||
82 | for (var i = 0; i < this.submenus.length; i++) |
||
83 | if (this.submenus[i] != submenu && this.submenus[i].className != "collapsed") |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
84 | this.collapseMenu(this.submenus[i]); |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
85 | } |
||
86 | }; |
||
87 | SDMenu.prototype.expandAll = function() { |
||
88 | var oldOneSmOnly = this.oneSmOnly; |
||
89 | this.oneSmOnly = false; |
||
90 | for (var i = 0; i < this.submenus.length; i++) |
||
91 | if (this.submenus[i].className == "collapsed") |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
92 | this.expandMenu(this.submenus[i]); |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
93 | this.oneSmOnly = oldOneSmOnly; |
||
94 | }; |
||
95 | SDMenu.prototype.collapseAll = function() { |
||
96 | for (var i = 0; i < this.submenus.length; i++) |
||
97 | if (this.submenus[i].className != "collapsed") |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
98 | this.collapseMenu(this.submenus[i]); |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
99 | }; |
||
100 | SDMenu.prototype.memorize = function() { |
||
101 | if (this.remember) { |
||
102 | var states = new Array(); |
||
0 ignored issues
–
show
|
|||
103 | for (var i = 0; i < this.submenus.length; i++) |
||
104 | states.push(this.submenus[i].className == "collapsed" ? 0 : 1); |
||
0 ignored issues
–
show
Curly braces around statements make for more readable code and help prevent bugs when you add further statements.
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0)
b = 42;
If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0)
console.log("a > 0");
b = 42;
In this case the statement if (a > 0) {
console.log("a > 0");
b = 42;
}
ensures that the proper code will be executed conditionally no matter how many statements are added or removed. ![]() |
|||
105 | var d = new Date(); |
||
106 | d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000)); |
||
107 | document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString() + "; path=/"; |
||
108 | } |
||
109 | }; |
Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later.
Consider:
If you or someone else later decides to put another statement in, only the first statement will be executed.
In this case the statement
b = 42
will always be executed, while the logging statement will be executed conditionally.ensures that the proper code will be executed conditionally no matter how many statements are added or removed.