94 | newDiv.appendChild(para); // put into newDiv
95 | }
96 | document.getElementsByClassName("container")[0].appendChild(newDiv);
97 | }
98 |
99 | window.addEventListener("DOMContentLoaded", init);
100 |
101 | // filter script
102 | function filterSelection(c) {
103 | var x, i;
104 | x = document.getElementsByClassName("filterDiv");
105 | for (i = 0; i < x.length; i++) {
106 | w3RemoveClass(x[i], "show");
107 | if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");
108 | }
109 | }
110 |
111 | function w3AddClass(element, name) {
112 | var i, arr1, arr2;
113 | arr1 = element.className.split(" ");
114 | arr2 = name.split(" ");
115 | for (i = 0; i < arr2.length; i++) {
116 | if (arr1.indexOf(arr2[i]) == -1) {
117 | element.className += " " + arr2[i];
118 | }
119 | }
120 | }
121 |
122 | function w3RemoveClass(element, name) {
123 | var i, arr1, arr2;
124 | arr1 = element.className.split(" ");
125 | arr2 = name.split(" ");
126 | for (i = 0; i < arr2.length; i++) {
127 | while (arr1.indexOf(arr2[i]) > -1) {
128 | arr1.splice(arr1.indexOf(arr2[i]), 1);
129 | }
130 | }
131 | element.className = arr1.join(" ");
132 | }
133 |
--------------------------------------------------------------------------------