PageSourceSearch

https://www.evangelion.jp/js_rn/header.js

js evangelion.jp collected 2026-10-02 06:57:39 UTC 12,324 bytes, 321 lines download raw bytes

1var NavLnkSlideSpeed = 500;
2var NavLnkSlideSpeed2 = 400;
3
4var WindwSize;
5var WindowSizeHeight;
6var Nav = 0;
7var NavLink;
8var PageWidth;
9var Lang;
10var page;
11
12LinkHref = new Array();
13LinkHref['nav-link-ng'] = '/neon_genesis.html'
14LinkHref['nav-link-1'] = '/1_0/index.html'
15LinkHref['nav-link-2'] = '/2_0/index.html'
16LinkHref['nav-link-3'] = '/3_0/index.html'
17LinkHref['nav-link-3p1'] = '/final_bd_dvd.html'
18
19$(function(){
20
21	$(window).on('load resize', function(){
22		// Language
23		Lang = $.cookie( "Lang" );
24		changeLang(Lang);
25	});
26	
27	$(window).on('load resize', function(){
28		
29		
30		//WindwSize = $(window).width();
31		WindwSize = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
32		WindowSizeHeight = window.innerHeight ? window.innerHeight: $(window).height();
33		NavLink = 0;
34		
35		$('body , #header-inner , #nav ,#nav-icn , #nav-wrap , #nav-inner , #nav li , #nav-link , #nav-link-s , #nav-link-list , #nav-arcive-wrap , #nav-arcive , #nav-arcive-info , #nav-arcive ul , #nav-arcive li , #nav-arcive li a , #container , #footer-wrap ').removeAttr('style');
36		
37		if(WindwSize >= 768){
38		// PC
39			$('#nav').show().css({'display':''});
40			
41			var navLinkWidth = (Math.floor(WindwSize - 70) % 2 == 0)?Math.floor(WindwSize - 70):Math.floor(WindwSize - 70) + 1;
42			$('#nav-link').css( 'width', navLinkWidth);
43			
44			PageWidth = $('#nav-arcive ul').width() - 1;
45			
46			if( Math.floor(PageWidth / 5) % 2 == 0){
47				var LinkBtnWidth = Math.floor(PageWidth / 5);
48			}else{
49				var LinkBtnWidth = Math.floor(PageWidth / 5) - 1;
50			}
51			$('#nav-arcive li').css( 'width' , LinkBtnWidth );
52			$('#nav-arcive #nav-link-ng').css( 'width' , PageWidth - ( LinkBtnWidth * 4) );
53		}else{
54		// SP
55			PageWidth = $('#nav-arcive ul').width();
56			
57			//$('#header-inner').css( 'height' , '3.6em' )
58			$('#header-inner').css( 'height' , '6.5em' )
59			$('#nav').hide();
60			$('#nav li').css( 'opacity' , '0' );
61			$('#nav-link').hide();
62			$('#nav-link-s').css( 'opacity' , '0' );
63			
64			$('#nav-arcive li').each(function(){
65				var LinkBtnClass = $(this).attr('id');
66				$(this).find('a').attr( { 'href' : LinkHref[LinkBtnClass] , 'target' : '_blank' } );
67			});
68			
69			//NavLinkList_mt_Array = new Array();
70			//if($('#nav .lang').length){
71			//	NavLinkList_mt_Array['nav'] = 14 + ( 10 * 6 );
72			//}else{
73			//	NavLinkList_mt_Array['nav'] = 14 + ( 10 * 5 );
74			//}
75			//NavLinkList_mt_Array['nav-link-h'] = 10;
76			//NavLinkList_mt_Array['nav-link-list'] = 12;
77			//NavLinkList_mt_Array['nav-arcive'] = 36;
78			//var NavLinkList_mt = ( ( WindowSizeHeight - $('.logo').outerHeight(true) ) - ( ( ( NavLinkList_mt_Array['nav'] + NavLinkList_mt_Array['nav-link-h'] + NavLinkList_mt_Array['nav-link-list'] + NavLinkList_mt_Array['nav-arcive'] ) / 100 ) * PageWidth ) ) / 2;
79			//NavLinkList_mt = (NavLinkList_mt > PageWidth * 0.08 )?NavLinkList_mt:PageWidth * 0.08;
80			//$('#nav-link-list').css( { 'margin-top' : NavLinkList_mt , 'margin-bottom' : NavLinkList_mt } );
81			var NavLinkList_mt = WindowSizeHeight - $('.logo').outerHeight(true) - $('#nav').outerHeight(true)  - $('#nav-arcive-wrap').outerHeight(true);
82			NavLinkList_mt = (NavLinkList_mt > PageWidth * 0.6 )?NavLinkList_mt:PageWidth * 0.6;
83			$('#nav-link').css( { 'height' : NavLinkList_mt } );
84			
85			LinkBtnBS = new Array();
86			var LinkBtnWidth = Math.floor(PageWidth / 5);
87			if(Math.floor(LinkBtnWidth * 0.815) % 2 == 0){
88				LinkBtnBS['ng'] = Math.floor(LinkBtnWidth * 0.815);
89			}else{
90				LinkBtnBS['ng'] = Math.floor(LinkBtnWidth * 0.815) - 1;
91			}
92			
93			if(Math.floor(LinkBtnWidth * 0.205) % 2 == 0){
94				LinkBtnBS['1'] = Math.floor(LinkBtnWidth * 0.205);
95			}else{
96				LinkBtnBS['1'] = Math.floor(LinkBtnWidth * 0.205) - 1;
97			}
98			
99			if(Math.floor(LinkBtnWidth * 0.253) % 2 == 0){
100				LinkBtnBS['2'] = Math.floor(LinkBtnWidth * 0.253);
101			}else{
102				LinkBtnBS['2'] = Math.floor(LinkBtnWidth * 0.253) - 1;
103			}
104			
105			if(Math.floor(LinkBtnWidth * 0.247) % 2 == 0){
106				LinkBtnBS['3'] = Math.floor(LinkBtnWidth * 0.247);
107			}else{
108				LinkBtnBS['3'] = Math.floor(LinkBtnWidth * 0.247) - 1;
109			}
110			
111			if(Math.floor(LinkBtnWidth * 0.54) % 2 == 0){
112				LinkBtnBS['3p1'] = Math.floor(LinkBtnWidth * 0.54);
113			}else{
114				LinkBtnBS['3p1'] = Math.floor(LinkBtnWidth * 0.54) - 1;
115			}
116			
117			$('#nav-arcive #nav-link-ng a').css( 'background-size' , LinkBtnBS['ng'] );
118			$('#nav-arcive #nav-link-1 a').css( 'background-size' , LinkBtnBS['1'] );
119			$('#nav-arcive #nav-link-2 a').css( 'background-size' , LinkBtnBS['2'] );
120			$('#nav-arcive #nav-link-3 a').css( 'background-size' , LinkBtnBS['3'] );
121			$('#nav-arcive #nav-link-3p1 a').css( 'background-size' , LinkBtnBS['3p1'] );
122			
123			
124			$('#nav-icn .nav-icn-top').removeClass('nav-icn-top-on');
125			$('#nav-icn .nav-icn-top').addClass('nav-icn-top-off');
126			$('#nav-icn .nav-icn-mdl').removeClass('nav-icn-mdl-on');
127			$('#nav-icn .nav-icn-mdl').addClass('nav-icn-mdl-off');
128			$('#nav-icn .nav-icn-btm').removeClass('nav-icn-btm-on');
129			$('#nav-icn .nav-icn-btm').addClass('nav-icn-btm-off');
130			
131		}
132		
133	});
134
135	$('#nav-icn').click(function(){
136		// SP
137		if(WindwSize < 768){
138			if(Nav == 0){
139				Nav = sp_OpenLinkBar();
140			}else{
141				Nav = sp_CloseLinkBar();
142			}
143		}
144	});
145
146	$('#nav .lang a').click(function(){
147		// SP
148		if(WindwSize < 768){
149			if(Nav != 0){
150				Nav = sp_CloseLinkBar();
151			}
152		}
153	});
154	
155	$(document).on('click touchend', function(event) {
156		if(WindwSize >= 768){
157		// PC
158			if (!$(event.target).closest('.logo , #nav , #nav-link , #nav-arcive').length) {
159				if(NavLink != 0){
160					NavLink = pc_CloseLinkBar();
161				}
162			}
163		}
164	});
165
166	// Change Language
167	$('#nav .lang a').click(function(){
168		var LangClass = $(this).attr('class');
169		var LangClass_Array = LangClass.split(" ");
170		var Lang = (LangClass_Array[0] == 'eng')?1:0;
171		changeLang(Lang);
172	});
173
174});
175
176function sp_OpenLinkBar() {
177	var LogoHeight;
178	var NavArciveHeight;
179	var NavInnerHeight;
180	
181	$('body').css( {
182		'max-height' : WindowSizeHeight ,
183		'overflow' : 'hidden' 
184	} );
185	$('#nav-arcive').removeAttr('style');
186		//$.when(
187			$('#header-inner').stop(false, false).animate( { 'height' : WindowSizeHeight } , NavLnkSlideSpeed2),
188			$('#nav-wrap').css( { 'overflow-y' : 'scroll' } ).stop().animate({'height' : WindowSizeHeight - $('.logo').outerHeight(true)} , NavLnkSlideSpeed2),
189			$('#nav-inner').css( { 'height' : 'auto' } ),
190			
191			$('#nav').stop(false, false).slideDown(NavLnkSlideSpeed2),
192			$('#nav li').stop(true, true).animate( {'opacity': '1'} , NavLnkSlideSpeed2),
193			
194			$('#nav-link').stop(false, false).slideDown(NavLnkSlideSpeed2),
195			$('#nav-link-s').stop(true, true).animate( {'opacity': '1'} , NavLnkSlideSpeed2),
196			
197			//$('#nav-arcive').stop(false, false).animate( { 'height' : '3.4em' } , NavLnkSlideSpeed2),
198			//$('#nav-arcive ul').stop(false, false).animate( { 'top' : '0' } , NavLnkSlideSpeed2)
199		//).done(function(){
200			//$('#nav-arcive-info-sp').stop(true, true).animate( { 'opacity' : '1' } , NavLnkSlideSpeed);
201			$('#nav-arcive-info').stop(true, true).animate( { 'opacity' : '1' } , NavLnkSlideSpeed);
202			$('#nav-arcive-info p').css( { 'padding' : '6% 0 4% 0' , 'line-height' : '1.3' } );
203		//});
204
205	
206	//$('#nav-arcive li').each(function(){
207	//	$(this).find('a').attr( { 'href' : 'JavaScript:void(0);' } );
208	//	$(this).find('a').removeAttr( 'target' );
209	//});
210	
211	
212	$('#nav-icn .nav-icn-top').removeClass('nav-icn-top-off');
213	$('#nav-icn .nav-icn-top').addClass('nav-icn-top-on');
214	$('#nav-icn .nav-icn-mdl').removeClass('nav-icn-mdl-off');
215	$('#nav-icn .nav-icn-mdl').addClass('nav-icn-mdl-on');
216	$('#nav-icn .nav-icn-btm').removeClass('nav-icn-btm-off');
217	$('#nav-icn .nav-icn-btm').addClass('nav-icn-btm-on');
218	return 1;
219}
220
221function sp_CloseLinkBar() {
222	$('body').removeAttr('style');
223	$('#header-inner').stop(false, false).animate( { 'height' : '6.5em' } , NavLnkSlideSpeed2);
224	$('#nav').stop(false, false).slideUp(NavLnkSlideSpeed2);
225	$('#nav li').stop(true, true).animate( {'opacity': '0'} , NavLnkSlideSpeed2);
226	
227	$('#nav-link').stop(false, false).slideUp(NavLnkSlideSpeed2);
228	$('#nav-link-s').stop(true, true).animate( {'opacity': '0'} , NavLnkSlideSpeed2);
229	
230	//$('#nav-arcive').stop(false, false).animate( { 'height' : '0.5em' } , NavLnkSlideSpeed2);
231	//$('#nav-arcive ul').stop(false, false).animate( { 'top' : '-2.9em' } , NavLnkSlideSpeed2);
232	//$('#nav-arcive-info-sp').css( { 'opacity' : '0' } );
233	$('#nav-arcive-info').css( { 'opacity' : '0' } ).stop(false, false);
234	$('#nav-arcive-info p').css( { 'padding' : '0' , 'line-height' : '0' } );
235	
236	$('#nav-inner').stop(false, false).css( { 'height' : '0.5em' } , NavLnkSlideSpeed2 );
237	//$('#nav-wrap').css( { 'overflow-y' : 'hidden' } ).stop(false, false).animate( { 'height' : '0.4em' } , NavLnkSlideSpeed2 );
238	$('#nav-wrap').css( { 'overflow-y' : 'hidden' } ).stop(false, false).animate( { 'height' : '3.5em' } , NavLnkSlideSpeed2 );
239	
240	//$('#nav-arcive li').each(function(){
241	//	var LinkBtnClass = $(this).attr('id');
242	//	$(this).find('a').attr( { 'href' : LinkHref[LinkBtnClass] , 'target' : '_blank' } );
243	//});
244	
245	$('#nav-icn .nav-icn-top').removeClass('nav-icn-top-on');
246	$('#nav-icn .nav-icn-top').addClass('nav-icn-top-off');
247	$('#nav-icn .nav-icn-mdl').removeClass('nav-icn-mdl-on');
248	$('#nav-icn .nav-icn-mdl').addClass('nav-icn-mdl-off');
249	$('#nav-icn .nav-icn-btm').removeClass('nav-icn-btm-on');
250	$('#nav-icn .nav-icn-btm').addClass('nav-icn-btm-off');
251	return 0;
252}
253
254function changeLang(Lang) {
255	if( Lang == 1 ){
256		$('.lang-jpn').css( 'display' , 'none' );
257		$('.lang-eng').css( 'display' , 'block' );
258		$('#nav li.lang a.jpn').removeClass('crnt');
259		$('#nav li.lang a.eng').addClass('crnt');
260	}else{
261		$('.lang-jpn').css( 'display' , 'block' );
262		$('.lang-eng').css( 'display' , 'none' );
263		$('#nav li.lang a.jpn').addClass('crnt');
264		$('#nav li.lang a.eng').removeClass('crnt');
265	}
266	$.cookie( 'Lang' , Lang );
267}
268
269function header_html(page, lang_f) {
270var lang_html_pc = '';
271var lang_html_sp = '';
272if( ( page == 'movie' ) || ( lang_f == 1 ) ){
273	lang_html_pc = '<li class="pc lang clearfix"><a href="JavaScript:void(0);" class="jpn">JPN</a><span class="slash"> / </span><a href="JavaScript:void(0);" class="eng">ENG</a></li>';
274	lang_html_sp = '<li class="sp lang clearfix"><a href="JavaScript:void(0);" class="jpn">JPN</a><span class="slash"> / </span><a href="JavaScript:void(0);" class="eng">ENG</a></li>';
275
276}else{
277	lang_html_pc = '';
278	lang_html_sp = '';
279
280}
281
282	document.write('\
283<div id="header-outter">\
284<div id="header" class="clearfix">\
285  <div id="header-inner">\
286    <p id="nav-icn"><span class="nav-icn-top"><span></span></span><span class="nav-icn-mdl"><span></span></span><span class="nav-icn-btm"><span></span></span></p>\
287    <p class="logo"><a href="/">evangelion.jp</a></p>\
288    <div id="nav-wrap">\
289      <div id="nav-inner">\
290        <ul id="nav" class="clearfix">\
291          ' + lang_html_sp + '\
292          <li class="news"><a href="/news/">News</a></li>\
293          <li class="movie">
293<a href="movie.html">Movie</a></li>\
294          <li class="od"><a href="od.html">配信</a></li>\
295		  <li class="evastore"><a href="https://www.evastore.jp/shop/" target="_blank"><span class="notranslate">EVASTORE</span></a></li>\
296		  <li class="evainfo"><a href="https://www.eva-info.jp/" target="_blank"><span class="notranslate">EVAINFO</span></a></li>\
297		  <li class="khara"><a href="https://www.khara.co.jp/" target="_blank"><span class="notranslate">khara</span></a></li>\
298          ' + lang_html_pc + '\
299        </ul>\
300        <div id="nav-arcive-wrap">\
301          <div id="nav-arcive">\
302            <ul class="clearfix">\
303              <li id="nav-link-ng"><a href="' + LinkHref['nav-link-ng'] + '" target="_blank" class="bgc-ng">NEON GENESIS</a></li>\
304              <li id="nav-link-1"><a href="' + LinkHref['nav-link-1'] + '" target="_blank" class="bgc-1">:1.0</a></li>\
305              <li id="nav-link-2"><a href="' + LinkHref['nav-link-2'] + '" target="_blank" class="bgc-2">:2.0</a></li>\
306              <li id="nav-link-3"><a href="' + LinkHref['nav-link-3'] + '" target="_blank" class="bgc-3">:3.0</a></li>\
307              <li id="nav-link-3p1"><a href="' + LinkHref['nav-link-3p1'] + '" target="_blank" class="bgc-3p1">:3.0+:1.0</a></li>\
308            </ul>\
309          </div>\
310        </div>\
311      </div>\
312    </div>\
313  </div>\
314</div>\
315</div>\
316	');
317	
318	$('#header #nav li.' + page + ' a').addClass('crnt');
319}
320
321

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.