PageSourceSearch

http://www.newspaper.org.tw/2020equality/mobile/javascript/LoadingJS.js

js newspaper.org.tw collected 2026-10-02 13:26:40 UTC 13,263 bytes, 294 lines download raw bytes

1document.write("<style>"+
2	"@keyframes loadingAnimate{from {-webkit-transform: rotateY(0deg) scale(0.8);-o-transform: rotateY(0deg) scale(0.8);-ms-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}to {-webkit-transform: rotateY(-180deg) scale(0.8);-o-transform: rotateY(-180deg) scale(0.8);-ms-transform: rotateY(-180deg) scale(0.8);-moz-transform: rotateY(-180deg) scale(0.8);transform: rotateY(-180deg) scale(0.8);}}"+
3	"@-webkit-keyframes loadingAnimate{from {-webkit-transform: rotateY(0deg) scale(0.8);-o-transform: rotateY(0deg) scale(0.8);-ms-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}to {-webkit-transform: rotateY(-180deg) scale(0.8);-o-transform: rotateY(-180deg) scale(0.8);-ms-transform: rotateY(-180deg) scale(0.8);-moz-transform: rotateY(-180deg) scale(0.8);transform: rotateY(-180deg) scale(0.8);}}"+
4	".loadingRun{-webkit-animation : loadingAnimate 1.2s infinite;animation : loadingAnimate 1.2s infinite;}</style>");
5
6window.waitForLoading = true;
7var LoadingJS = function(){
8	this.initConfig();
9	this.initHtml();
10	this.initCss();
11	this.startLoading();
12
13	this.onResize();
14	var self = this;
15	window.onresize =function(){
16		self.onResize();
17	};
18
19	window.setTimeout(function(){window.waitForLoading = false;},250);
20}
21
22LoadingJS.prototype = {
23
24	initHtml : function(){
25		this.stop = false;
26
27		this.instance = document.createElement("div");
28		this.image = document.createElement("img");
29		this.image.src = this.loadingPicture;
30		this.title = document.createElement("p");
31		this.copyright = document.createElement("p");
32		this.copyright.setAttribute("style", "position:absolute;bottom:5%;font-size:1.1rem;width:100%;text-align:center;");
33		if(window.userInfo && window.userInfo.copyright) this.copyright.innerHTML = window.userInfo.copyright;
34
35		this.bg = document.createElement("div");
36		this.bg.setAttribute("style", "transform:scale(1);");
37
38		if(this.loadingPicture) this.instance.appendChild(this.image);
39
40		this.initAnimationHtml();
41
42		this.instance.appendChild(this.title);
43		this.instance.appendChild(this.copyright);
44		this.bg.appendChild(this.instance);
45		document.body.appendChild(this.bg);
46	},
47
48	loadingSvg: function(){
49		// this.loadImageUrl = "<svg t=\"1525916222299\" class=\"icon\" style=\"\" viewBox=\"130 0 800 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"2478\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"49\" height=\"56\"><defs><style type=\"text/css\"></style></defs><path d=\"M835.55027 48.761905C876.805122 48.761905 910.222223 81.441158 910.222223 121.753604L910.222223 902.095C910.222223 902.095 910.222223 942.409011 876.805 975.238095L113.777778 975.238095 113.777778 24.380952 88.888889 48.761905 835.55027 48.761905ZM64 0 64 24.380952 64 1024L960 1024C835.55027 1024 904.277615 1024 960 969.325498L960 54.49204C960 54.49204 904.277615 0 835.55027 0L88.888889 0 64 0Z\" p-id=\"2479\"></path><path d=\"M775.164361 219.428572C788.910114 219.428572 800.05325 208.512847 800.05325 195.047619 800.05325 181.582391 788.910114 170.666667 775.164361 170.666667L263.111111 170.666667C249.365357 170.666667 238.222222 181.582391 238.222222 195.047619 238.222222 208.512847 249.365357 219.428572 263.111111 219.428572L775.164361 219.428572Z\" p-id=\"2481\"></path><path d=\"M775.164361 365.714285C788.910114 365.714285 800.05325 354.798562 800.05325 341.333333 800.05325 327.868105 788.910114 316.952382 775.164361 316.952382L263.111111 316.952382C249.365357 316.952382 238.222222 327.868105 238.222222 341.333333 238.222222 354.798562 249.365357 365.714285 263.111111 365.714285L775.164361 365.714285Z\" p-id=\"2482\"></path><path d=\"M775.164361 536.380951C788.910114 536.380951 800.05325 525.465229 800.05325 512 800.05325 498.534771 788.910114 487.619049 775.164361 487.619049L263.111111 487.619049C249.365357 487.619049 238.222222 498.534771 238.222222 512 238.222222 525.465229 249.365357 536.380951 263.111111 536.380951L775.164361 536.380951Z\" p-id=\"2483\"></path></svg>";
50
51		var loadImageUrl = document.createElementNS("http://www.w3.org/2000/svg", 'svg');
52		loadImageUrl.setAttribute("t", "1525916222299");
53		loadImageUrl.setAttribute("class", "icon");
54		loadImageUrl.setAttribute("style", "");
55		loadImageUrl.setAttribute("viewBox", "130 0 800 1024");
56		loadImageUrl.setAttribute("version", "1.1");
57		loadImageUrl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
58		loadImageUrl.setAttribute("p-id", "2478");
59		loadImageUrl.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink");
60		loadImageUrl.setAttribute("width", "49");
61		loadImageUrl.setAttribute("height", "56");
62
63		var defs = document.createElementNS("http://www.w3.org/2000/svg", 'defs');
64		var style = document.createElementNS("http://www.w3.org/2000/svg", 'style');
65		style.setAttribute("type", "text/css");
66		var path1 = document.createElementNS("http://www.w3.org/2000/svg", 'path');
67		path1.setAttribute("d", "M835.55027 48.761905C876.805122 48.761905 910.222223 81.441158 910.222223 121.753604L910.222223 902.095C910.222223 902.095 910.222223 942.409011 876.805 975.238095L113.777778 975.238095 113.777778 24.380952 88.888889 48.761905 835.55027 48.761905ZM64 0 64 24.380952 64 1024L960 1024C835.55027 1024 904.277615 1024 960 969.325498L960 54.49204
67C960 54.49204 904.277615 0 835.55027 0L88.888889 0 64 0Z");
68		path1.setAttribute("p-id", "2479");
69
70		var path2 = document.createElementNS("http://www.w3.org/2000/svg", 'path');
71		path2.setAttribute("d", "M775.164361 219.428572C788.910114 219.428572 800.05325 208.512847 800.05325 195.047619 800.05325 181.582391 788.910114 170.666667 775.164361 170.666667L263.111111 170.666667C249.365357 170.666667 238.222222 181.582391 238.222222 195.047619 238.222222 208.512847 249.365357 219.428572 263.111111 219.428572L775.164361 219.428572Z");
72		path2.setAttribute("p-id", "2481");
73
74		var path3 = document.createElementNS("http://www.w3.org/2000/svg", 'path');
75		path3.setAttribute("d", "M775.164361 365.714285C788.910114 365.714285 800.05325 354.798562 800.05325 341.333333 800.05325 327.868105 788.910114 316.952382 775.164361 316.952382L263.111111 316.952382C249.365357 316.952382 238.222222 327.868105 238.222222 341.333333 238.222222 354.798562 249.365357 365.714285 263.111111 365.714285L775.164361 365.714285Z");
76		path3.setAttribute("p-id", "2482");
77
78		var path4 = document.createElementNS("http://www.w3.org/2000/svg", 'path');
79		path4.setAttribute("d", "M775.164361 536.380951C788.910114 536.380951 800.05325 525.465229 800.05325 512 800.05325 498.534771 788.910114 487.619049 775.164361 487.619049L263.111111 487.619049C249.365357 487.619049 238.222222 498.534771 238.222222 512 238.222222 525.465229 249.365357 536.380951 263.111111 536.380951L775.164361 536.380951Z");
80		path4.setAttribute("p-id", "2483");
81
82		defs.appendChild(style);
83		loadImageUrl.appendChild(defs);
84		loadImageUrl.appendChild(path1);
85		loadImageUrl.appendChild(path2);
86		loadImageUrl.appendChild(path3);
87		loadImageUrl.appendChild(path4);
88
89		return loadImageUrl;
90	},
91
92	initAnimationHtml : function(){
93		if(!document.createElementNS) return;
94
95		this.loadBox = document.createElement("div");
96		var img1 = this.loadingSvg();
97		var img2 = this.loadingSvg();
98		this.img3 = this.loadingSvg();
99		this.img3.setAttribute("class", "loadingRun");
100
101		this.img3.setAttribute("style", (
102			"position : absolute;" +
103			"left : 20px;" +
104			"top : 0;" +
105			"z-index : -1;" +
106			"-webkit-transform-origin : 0 0;" +
107			"-o-transform-origin : 0 0;" +
108			"-ms-transform-origin : 0 0;" +
109			"-moz-transform-origin : 0 0;" +
110			"transform-origin : 0 0;" +
111			"fill :"  + this.loadingCaptionColor + ";"
112		));
113
114		img2.setAttribute("style", (
115			"position : absolute;" +
116			"left : 20px;" +
117			"top : 0;" +
118			"-webkit-transform:rotateY(180deg) scale(0.8);" +
119			"-o-transform:rotateY(180deg) scale(0.8);" +
120			"-ms-transform:rotateY(180deg) scale(0.8);" +
121			"-moz-transform:rotateY(180deg) scale(0.8);" +
122			"transform:rotateY(180deg) scale(0.8);" +
123			"-webkit-transform-origin : 0 0;" +
124			"-o-transform-origin : 0 0;" +
125			"-ms-transform-origin : 0 0;" +
126			"-moz-transform-origin : 0 0;" +
127			"transform-origin : 0 0;" +
128			"fill : " + this.loadingCaptionColor + ";"
129		));
130
131		img1.setAttribute("style", (
132			"position : absolute;" +
133			"left : 20px;" +
134			"top : 0;" +
135			"-webkit-transform:rotateY(0) scale(0.8);" +
136			"-o-transform:rotateY(0) scale(0.8);" +
137			"-ms-transform:rotateY(0) scale(0.8);" +
138			"-moz-transform:rotateY(0) scale(0.8);" +
139			"transform:rotateY(0) scale(0.8);" +
140			"-webkit-transform-origin : 0 0;" +
141			"-o-transform-origin : 0 0;" +
142			"-ms-transform-origin : 0 0;" +
143			"-moz-transform-origin : 0 0;" +
144			"transform-origin : 0 0;" +
145			"fill : " + this.loadingCaptionColor + ";"
146		));
147
148		this.loadBox.appendChild(img1);
149		this.loadBox.appendChild(img2);
150		this.loadBox.appendChild(this.img3);
151		this.instance.appendChild(this.loadBox);
152	},
153
154	initConfig : function(){
155		  this.loadingCaption, this.loadingCaptionColor, this.loadingPicture;
156		  try{
157		  	this.loadingCaption = bookConfig.loadingCaption ? bookConfig.loadingCaption : "Loading";
158		  	this.loadingCaptionColor = bookConfig.loadingCaptionColor ? bookConfig.loadingCaptionColor : "#DDDDDD";
159		  	this.loadingBackground = bookConfig.loadingBackground ? bookConfig.loadingBackgroun
159d : "#1F2232";
160		  	this.loadingPicture = bookConfig.loadingPicture ? bookConfig.loadingPicture : "";
161		  }catch(err){
162		  	this.loadingCaption = "Loading";
163		  	this.loadingCaptionColor = "#BDBDBD";
164		  	this.loadingBackground = "#1F2233";
165		  	this.loadingPicture = "";
166		  }
167	},
168
169	startLoading : function(){
170		this.title.innerHTML = document.title;
171	},
172
173	destroy : function(){
174		if(global.isIE8()||global.isIE9()){
175			$(this.bg).animate({"opacity":"0"},0.6,function(){
176				$("body>style").html("");
177				$(this.bg).remove();
178				$("body").css({"background-color" : ""});
179			}.bind(this));
180		}else{
181			animateOnce($(this.bg) , {"opacity":"0"} , 0.6 ,function(){
182				$(this.img3).attr("class", "");
183				$("body>style").html("");
184				$(this.bg).remove();
185				$(this.image).attr("src", "");
186				$("body").css({"background-color" : ""});
187			}.bind(this));
188		}
189
190	},
191
192	initCss : function(){
193		document.getElementsByTagName("html")[0].setAttribute("style",(
194			"margin : 0;" +
195			"padding : 0;" +
196			"width : 100%;" +
197			"height : 100%;"
198		));
199
200		document.body.setAttribute("style", (
201			"margin : 0;" +
202			"padding : 0;" +
203			"width : 100%;" +
204			"height : 100%;" +
205			"position : fixed;" +
206			"background-color :" + this.loadingBackground + ";"
207		));
208
209		this.bg.setAttribute("style", (
210			"margin : 0;" +
211			"padding : 0;" +
212			"width : 100%;" +
213			"height : 100%;" +
214			"position : fixed;" +
215			"background-color:"  + this.loadingBackground + ";"
216		));
217
218		this.instance.setAttribute("style", (
219			"width : 100%;" +
220			"height : 100%;" +
221			"color :" +  this.loadingCaptionColor + ";" +
222			"text-align : center;" +
223			"vertical-align : middle;" +
224			"font-family : Tahoma;" +
225		  "position : relative;"
226
227		));
228
229		this.image.setAttribute("style", (
230			"position : absolute;" +
231			"bottom : 75%;" +
232			"left : 50%;" +
233			"-webkit-transform : translate(-50% , 50%);" +
234		  "-moz-transform : translate(-50% , 50%);" +
235		  "-ms-transform : translate(-50% , 50%);" +
236		  "-o-transform : translate(-50% , 50%);" +
237			"transform : translate(-50% , 50%);" +
238			"margin-bottom : 28px;" +
239			"max-width : 40%;" +
240			"max-height : 30%;"
241		));
242
243		if(window.innerHeight <= 300) this.image.style.display = "none";
244
245		var titleTran = "translate(-50%, 20px)";
246		var loadingBoxTran = "translate(-50% , -48.8px)";
247
248		// if(this.loadingPicture) {
249			// var titleTran = "translate(-50%, 40px)";
250			// var loadingBoxTran = "translate(-50% , -50%)";
251		// }
252
253		this.title.setAttribute("style", (
254			"font-family:Arial,Helvetica,sans serif;" +
255		  "font-size : 28px;" +
256		  "position : absolute;" +
257		  "top : 50%;" +
258		  "left : 50%;" +
259		  "-webkit-transform :"  + titleTran + ";" +
260		  "-moz-transform :"  + titleTran + ";" +
261		  "-ms-transform :" + titleTran + ";" +
262		  "-o-transform :" + titleTran + ";" +
263			"transform :"  +titleTran + ";" +
264		  "margin : 0;" +
265		  "padding : 0;"
266		));
267
268		if(this.loadBox) this.loadBox.setAttribute("style", (
269			"position:relative;" +
270			"perspective:200px;" +
271			"-webkit-transform-style:preserve-3d;" +
272			"-o-transform-style:preserve-3d;" +
273			"-ms-transform-style:preserve-3d;" +
274			"-moz-transform-style:preserve-3d;" +
275			"transform-style:preserve-3d;" +
276			"position : absolute;" +
277			"width : 39.2px;" +
278			"height : 44.8px;" +
279			"left : 50%;" +
280			"top : 50%;" +
281			"-webkit-transform : " +loadingBoxTran + ";" +
282		  "-moz-transform : " +loadingBoxTran + ";" +
283		  "-ms-transform : " +loadingBoxTran + ";" +
284		  "-o-transform : " +loadingBoxTran + ";" +
285			"transform : " + loadingBoxTran + ";" +
286		  "padding : 0;"
287		));
288	},
289
290	onResize : function(){}
291
292}
293
294var jsLoadingBar = new LoadingJS();

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.