Showing 1 changed files with 127 additions and 126 deletions
+127 -126
pageEnd.skel
... ...
@@ -3,142 +3,143 @@
3 3
   <div class="column" onclick="onPagePlus()" id="pagePlus"><div class="arrow-right"></div></div>
4 4
 </div>
5 5
 <script>
6
-  function init() {
6
+function init() {
7 7
 	var imgDefer = document.getElementsByTagName("img");
8 8
 	for (var i=0; i<imgDefer.length; i++) {
9 9
 	  if(imgDefer[i].getAttribute("data-src")) {
10
-		console.log("defer init: "+i);
11
-		imgDefer[i].setAttribute("src",imgDefer[i].getAttribute("data-src"));
12
-	  } }
13
-    var curPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1;
14
-    setTimeout(onArticle(curPage), 500);
10
+      console.log("defer init: "+i);
11
+      imgDefer[i].setAttribute("src",imgDefer[i].getAttribute("data-src"));
12
+	  }
15 13
   }
16
-  window.onload = init;
17
-  function changeHref() {
18
-    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
19
-    var curPage = parseInt(document.getElementById("mangaCurrPage").innerHTML);
20
-    location.href="#opacity="+curOpacity+"&page="+curPage;
21
-  }
22
-  function changeOpacity() {
23
-    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
24
-    document.getElementById("article-current").style.opacity = curOpacity/10;
25
-    changeHref();
26
-  }
27
-  function onOpacityPlus() {
28
-    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
29
-    curOpacity += 1;
30
-    if( 10 <= curOpacity ) curOpacity = 10;
31
-    document.getElementById("mangaOpacityValue").innerHTML = curOpacity;
32
-    changeOpacity();
33
-  }
34
-  function onOpacityMinus() {
35
-    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
36
-    curOpacity -= 1;
37
-    if( 1 > curOpacity ) curOpacity = 1;
38
-    document.getElementById("mangaOpacityValue").innerHTML = curOpacity;
39
-    changeOpacity();
40
-  }
41
-  function onPagePlus() {
42
-    var currPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1;
43
-    console.log("onPagePlus: ["+currPage+"]");
44
-    onArticle(currPage+1);
45
-  }
46
-  function onPageMinus() {
47
-    var currPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1;
48
-    console.log("onPageMinus: ["+currPage+"]");
49
-    onArticle(currPage-1);
50
-  }
51
-  function onChapterNext() {
52
-    var elLink = document.getElementById("chapterNext").innerHTML;
53
-    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
54
-    location.href="?url="+elLink+"&opacity="+curOpacity;
14
+  var curPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1;
15
+  setTimeout(onArticle(curPage), 500);
16
+}
17
+
18
+window.onload = init;
19
+
20
+function changeOpacity() {
21
+  var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
22
+  document.getElementById("article-current").style.opacity = curOpacity/10;
23
+}
24
+function onOpacityPlus() {
25
+  var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
26
+  curOpacity += 1;
27
+  if( 10 <= curOpacity ) curOpacity = 10;
28
+  document.getElementById("mangaOpacityValue").innerHTML = curOpacity;
29
+  changeOpacity();
30
+}
31
+function onOpacityMinus() {
32
+  var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
33
+  curOpacity -= 1;
34
+  if( 1 > curOpacity ) curOpacity = 1;
35
+  document.getElementById("mangaOpacityValue").innerHTML = curOpacity;
36
+  changeOpacity();
37
+}
38
+function onPagePlus() {
39
+  var currPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1;
40
+  console.log("onPagePlus: ["+currPage+"]");
41
+  onArticle(currPage+1);
42
+}
43
+function onPageMinus() {
44
+  var currPage = parseInt(document.getElementById("mangaCurrPage").innerHTML)-1;
45
+  console.log("onPageMinus: ["+currPage+"]");
46
+  onArticle(currPage-1);
47
+}
48
+function onChapterNext() {
49
+  var elLink = document.getElementById("chapterNext").innerHTML;
50
+  var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
51
+  location.href="?url="+elLink+"&opacity="+curOpacity;
52
+}
53
+function onChapterPrev() {
54
+  var elLink = document.getElementById("chapterPrevious").innerHTML;
55
+  var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
56
+  location.href="?url="+elLink+"&opacity="+curOpacity;
57
+}
58
+
59
+//Keyboard shortcuts
60
+document.onkeydown = function(e) { // listen to keyboard events
61
+  switch (e.keyCode) {
62
+    case 37: // left
63
+      onPageMinus();    
64
+      break;
65
+    case 39: // right
66
+      onPagePlus();    
67
+      break;
68
+    case 79: // o
69
+      onPageMinus();    
70
+      break;
71
+    case 80: // p
72
+      onPagePlus();    
73
+      break;
74
+    case 187: // +
75
+      onOpacityPlus();
76
+      break;
77
+    case 189: // -
78
+      onOpacityMinus();
79
+      break;
80
+    case 74: // j
81
+      onChapterPrev();
82
+      break;
83
+    case 75: // k
84
+      onChapterNext();
85
+      break;
86
+    case 70: // f
87
+      openFullscreen();
88
+      break;
89
+    default:
90
+      console.log(e.which);
55 91
   }
56
-  function onChapterPrev() {
57
-    var elLink = document.getElementById("chapterPrevious").innerHTML;
58
-    var curOpacity = parseInt(document.getElementById("mangaOpacityValue").innerHTML);
59
-    location.href="?url="+elLink+"&opacity="+curOpacity;
92
+}
93
+
94
+function onArticle(index) {
95
+  if(index < 0) {
96
+      //index = 0;
97
+      onChapterPrev();
98
+      return;
60 99
   }
61
-    document.onkeydown = function(e) { // listen to keyboard events
62
-      switch (e.keyCode) {
63
-        case 37: // left
64
-          onPageMinus();    
65
-          break;
66
-        case 39: // right
67
-          onPagePlus();    
68
-          break;
69
-        case 79: // o
70
-          onPageMinus();    
71
-          break;
72
-        case 80: // p
73
-          onPagePlus();    
74
-          break;
75
-        case 187: // +
76
-          onOpacityPlus();
77
-          break;
78
-        case 189: // -
79
-          onOpacityMinus();
80
-          break;
81
-        case 74: // j
82
-          onChapterPrev();
83
-          break;
84
-        case 75: // k
85
-          onChapterNext();
86
-          break;
87
-        case 70: // f
88
-          openFullscreen();
89
-          break;
90
-        default:
91
-          console.log(e.which);
92
-    }
100
+  var string_index = "article-"+index;
101
+  console.log("onArticle("+index+") : "+string_index);
102
+  var url = location.href;
103
+  var x = document.getElementById("item-active");
104
+  if(null == document.getElementById(string_index)) {
105
+    onChapterNext();
106
+  } else {
107
+    x.className = string_index;
108
+    document.getElementById("article-current").innerHTML =
109
+    document.getElementById(string_index).innerHTML;
110
+    location.href = "#";
111
+    //console.log(document.getElementById(string_index).innerHTML);
112
+    document.getElementById("mangaCurrPage").innerHTML = index+1;
93 113
   }
94
-  function onArticle(index) {
95
-    if(index < 0) {
96
-        //index = 0;
97
-        onChapterPrev();
98
-        return;
114
+  changeOpacity();
115
+}
116
+
117
+function openFullscreen() {
118
+  //var elem = document.getElementById("article-current");
119
+  var elem = document.documentElement;
120
+  var status = parseInt(document.getElementById("mangaFSStatus").innerHTML);
121
+  if( 0 == status ) {
122
+    document.getElementById("mangaFSStatus").innerHTML = 1;
123
+    if (elem.requestFullscreen) {
124
+      elem.requestFullscreen();
125
+    } else if (elem.webkitRequestFullscreen) { /* Safari */
126
+      elem.webkitRequestFullscreen();
127
+    } else if (elem.msRequestFullscreen) { /* IE11 */
128
+      elem.msRequestFullscreen();
99 129
     }
100
-    var string_index = "article-"+index;
101
-    console.log("onArticle("+index+") : "+string_index);
102
-    var url = location.href;
103
-    var x = document.getElementById("item-active");
104
-    if(null == document.getElementById(string_index)) {
105
-      onChapterNext();
106
-    } else {
107
-      x.className = string_index;
108
-      document.getElementById("article-current").innerHTML =
109
-      document.getElementById(string_index).innerHTML;
110
-      location.href = "#";
111
-      //console.log(document.getElementById(string_index).innerHTML);
112
-      document.getElementById("mangaCurrPage").innerHTML = index+1;
113
-    }
114
-    changeOpacity();
115
-  }
116
-  function openFullscreen() {
117
-    //var elem = document.getElementById("article-current");
118
-    var elem = document.documentElement;
119
-    var status = parseInt(document.getElementById("mangaFSStatus").innerHTML);
120
-    if( 0 == status ) {
121
-      document.getElementById("mangaFSStatus").innerHTML = 1;
122
-      if (elem.requestFullscreen) {
123
-        elem.requestFullscreen();
124
-      } else if (elem.webkitRequestFullscreen) { /* Safari */
125
-        elem.webkitRequestFullscreen();
126
-      } else if (elem.msRequestFullscreen) { /* IE11 */
127
-        elem.msRequestFullscreen();
128
-      }
129
-      document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-off\"></div>"; 
130
-    } else {
131
-      document.getElementById("mangaFSStatus").innerHTML = 0;
132
-      if (document.exitFullscreen) {
133
-        document.exitFullscreen();
134
-      } else if (document.webkitExitFullscreen) { /* Safari */
135
-        document.webkitExitFullscreen();
136
-      } else if (document.msExitFullscreen) { /* IE11 */
137
-        document.msExitFullscreen();
138
-      }
139
-      document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-on\"></div>"; 
130
+    document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-off\"></div>"; 
131
+  } else {
132
+    document.getElementById("mangaFSStatus").innerHTML = 0;
133
+    if (document.exitFullscreen) {
134
+      document.exitFullscreen();
135
+    } else if (document.webkitExitFullscreen) { /* Safari */
136
+      document.webkitExitFullscreen();
137
+    } else if (document.msExitFullscreen) { /* IE11 */
138
+      document.msExitFullscreen();
140 139
     }
140
+    document.getElementById("mangaFSToggle").innerHTML = "<div class=\"fs-on\"></div>"; 
141 141
   }
142
+}
142 143
 </script>
143 144
 </body>
144 145
 </html>