미디어위키:Common.js - 편집 역사

2026년 5월 21일 (목) 06:02에 Kim1231님의 편집

2026-05-21T06:02:46Z

← 이전 판		2026년 5월 21일 (목) 15:02 판
183번째 줄:		183번째 줄:
	'background-color': '#111',		'background-color': '#111',
	'padding': '20px'		'padding': '20px'
	}).html(html).~~fadeIn~~(~~400~~); // ~~0.4초 동안 부드럽게~~ 등장		}).html(html).stop().hide().slideDown(300); // 위에서 아래로 스르륵 떨어지며 등장
	}		}

2026년 5월 21일 (목) 05:57에 Kim1231님의 편집

2026-05-21T05:57:40Z

← 이전 판		2026년 5월 21일 (목) 14:57 판
183번째 줄:		183번째 줄:
	'background-color': '#111',		'background-color': '#111',
	'padding': '20px'		'padding': '20px'
	}).html(html).~~show~~();		}).html(html).fadeIn(400); // 0.4초 동안 부드럽게 등장
	}		}

2026년 5월 21일 (목) 05:51에 Kim1231님의 편집

2026-05-21T05:51:53Z

← 이전 판		2026년 5월 21일 (목) 14:51 판
3번째 줄:		3번째 줄:
	======================================= */		======================================= */
	$(document).ready(function() {		$(document).ready(function() {
	~~// 🔥 현재 화면이~~ '~~편집(edit~~)~~' 모드라면 우클릭 방지를 작동시키지 않음!~~		if (typeof mw !== 'undefined' && mw.config) {
	if (mw.config.get('wgAction') === 'edit' \|\| mw.config.get('wgAction') === 'submit') {		if (mw.config.get('wgAction') === 'edit' \|\| mw.config.get('wgAction') === 'submit') {
	return;		return;
			}
	}		}

19번째 줄:		20번째 줄:
	});		});

	/* 최신 GTranslate 다국어 위젯 (~~프랑스어, 아랍어, 영어 등 지원~~) */		/* =======================================
			2. 최신 GTranslate 다국어 위젯 (전 세계 40개 주요 언어)
			======================================= */
	$(document).ready(function() {		$(document).ready(function() {
	// ~~1. 번역기를 담을 투명한 상자를 화면 우측 하단에 고정~~ 생성		if ($('.gtranslate_wrapper').length > 0) return; // 중복 생성 방지

	var gtWrapper = $('<div class="gtranslate_wrapper" style="position:fixed; bottom:20px; right:20px; z-index:9999;"></div>');		var gtWrapper = $('<div class="gtranslate_wrapper" style="position:fixed; bottom:20px; right:20px; z-index:9999;"></div>');
	$('body').append(gtWrapper);		$('body').append(gtWrapper);

	~~// 2. GTranslate 설정 (전 세계 40개 주요 언어 팩 탑재)~~
	window.gtranslateSettings = {		window.gtranslateSettings = {
	"default_language": "ko",		"default_language": "ko",
39번째 줄:		42번째 줄:
	};		};

	~~// 3. 번역기 엔진(스크립트) 불러오기~~
	var script = document.createElement('script');		var script = document.createElement('script');
	script.src = "https://cdn.gtranslate.net/widgets/latest/dropdown.js";		script.src = "https://cdn.gtranslate.net/widgets/latest/dropdown.js";
47번째 줄:		49번째 줄:

	/* =======================================		/* =======================================
	2. 영웅 스탯 비교 계산기 ~~구동 로직~~ (~~한글판 + 리스트 출력형~~)		3. 킹샷 영웅 스탯 비교 계산기 (다크 테마 보호 패치)
	======================================= */		======================================= */
	$(document).ready(function() {		$(document).ready(function() {
120번째 줄:		122번째 줄:
	let hasHigher = false;		let hasHigher = false;
	heroes.forEach(function(hero, index) {		heroes.forEach(function(hero, index) {
	~~// 병종(type)이 같고, 뒷 세대인 영웅만 필터링~~
	if(hero.type === selectedHero.type && index > hero1Index) {		if(hero.type === selectedHero.type && index > hero1Index) {
	$hero2Select.append('<option value="' + index + '">[' + hero.type + '] ' + hero.name + '</option>');		$hero2Select.append('<option value="' + index + '">[' + hero.type + '] ' + hero.name + '</option>');
144번째 줄:		145번째 줄:
	}		}

	~~// 리스트 출력 방식의 계산 로직 (다크 테마 글씨색 강제 보호 패치)~~
	function compareHeroes() {		function compareHeroes() {
	const levelIdx = parseInt($('#levelSelect').val(), 10);		const levelIdx = parseInt($('#levelSelect').val(), 10);
185번째 줄:		185번째 줄:
	}).html(html).show();		}).html(html).show();
	}		}

			$('#hero1Select').on('change', updateHero1Selection);
			$('#hero2Select').on('change', function() { updateHeroImage('hero2'); });
			$('#runCalcBtn').on('click', compareHeroes);

			populateDropdowns();
			});

2026년 5월 21일 (목) 05:47에 Kim1231님의 편집

2026-05-21T05:47:59Z

← 이전 판		2026년 5월 21일 (목) 14:47 판
144번째 줄:		144번째 줄:
	}		}

	// 리스트 출력 방식의 계산 로직		// 리스트 출력 방식의 계산 로직 (다크 테마 글씨색 강제 보호 패치)
	function compareHeroes() {		function compareHeroes() {
	const levelIdx = parseInt($('#levelSelect').val(), 10);		const levelIdx = parseInt($('#levelSelect').val(), 10);
152번째 줄:		152번째 줄:

	if(h2Idx === "") {		if(h2Idx === "") {
	$resBox.show().css({~~'color': '#ff4444',~~ 'border-color': '#ff4444'})		$resBox.show().css({'border-color': '#ff4444'})
	.html("❌ 비교할 상위 세대 영웅이 없습니다.");		.html("<span style='color:#ff4444 !important; font-weight:bold;'>❌ 비교할 상위 세대 영웅이 없습니다.</span>");
	return;		return;
	}		}
161번째 줄:		161번째 줄:
	const stat1 = hero1.stats[levelIdx];		const stat1 = hero1.stats[levelIdx];

	let html = `<div style="font-size: 15px; margin-bottom: 15px; color: #~~fff~~;"><b>${hero1.name}</b>의 <b>${levelNames[levelIdx]}</b> 스탯은 <span style="color:#00ff00;">+${stat1}%</span> 입니다.</div>`;		let html = `<div style="font-size: 15px; margin-bottom: 15px; color: #ffffff !important;"><b style="color: #ffffff !important;">${hero1.name}</b>의 <b style="color: #ffffff !important;">${levelNames[levelIdx]}</b> 스탯은 <span style="color:#00ff00 !important; font-weight:bold;">+${stat1}%</span> 입니다.</div>`;
	html += `<div style="font-size: 14px; color: #ffaa00; margin-bottom: 10px; border-bottom: 1px solid #555; padding-bottom: 5px; text-align: left;">⚔️ <b>${hero2.name}</b>(이)가 더 강력해지는 교체 타이밍:</div>`;		html += `<div style="font-size: 14px; color: #ffaa00 !important; margin-bottom: 10px; border-bottom: 1px solid #555; padding-bottom: 5px; text-align: left;">⚔️ <b style="color: #ffaa00 !important;">${hero2.name}</b>(이)가 더 강력해지는 교체 타이밍:</div>`;
	html += `<ul style="text-align: left; font-size: 13px~~; color: #ccc~~; line-height: 1.8; margin-top: 10px; padding-left: 20px;">`;		html += `<ul style="text-align: left; font-size: 13px; line-height: 1.8; margin-top: 10px; padding-left: 20px;">`;

	let found = false;		let found = false;
	for(let i = 0; i < hero2.stats.length; i++) {		for(let i = 0; i < hero2.stats.length; i++) {
	if(hero2.stats[i] > stat1) {		if(hero2.stats[i] > stat1) {
	html += `<li><b>${levelNames[i]}</b> (스탯: +${hero2.stats[i]}%)</li>`;		html += `<li style="color:#cccccc !important;"><b style="color:#cccccc !important;">${levelNames[i]}</b> (스탯: +${hero2.stats[i]}%)</li>`;
	found = true;		found = true;
	}		}
174번째 줄:		174번째 줄:

	if(!found) {		if(!found) {
	html += `<li style="color:#ff4444; list-style:none; margin-left:-20px;">❌ 모든 구간에서 현재 영웅이 더 강력합니다.</li>`;		html += `<li style="color:#ff4444 !important; list-style:none; margin-left:-20px; font-weight:bold;">❌ 모든 구간에서 현재 영웅이 더 강력합니다.</li>`;
	}		}

180번째 줄:		180번째 줄:

	$resBox.css({		$resBox.css({
	~~'color': '#d1d5db',~~
	'border-color': '#555',		'border-color': '#555',
	'background-color': '#111',		'background-color': '#111',
186번째 줄:		185번째 줄:
	}).html(html).show();		}).html(html).show();
	}		}

	~~$('#hero1Select').on('change', updateHero1Selection);~~
	~~$('#hero2Select').on('change', function() { updateHeroImage('hero2'); });~~
	~~$('#runCalcBtn').on('click', compareHeroes);~~

	~~populateDropdowns();~~
	~~});~~

2026년 5월 21일 (목) 05:41에 Kim1231님의 편집

2026-05-21T05:41:03Z

← 이전 판		2026년 5월 21일 (목) 14:41 판
25번째 줄:		25번째 줄:
	$('body').append(gtWrapper);		$('body').append(gtWrapper);

	// 2. GTranslate 설정 (~~원하는~~ 언어 ~~코드를 배열에 넣으면 됩니다~~)		// 2. GTranslate 설정 (전 세계 40개 주요 언어 팩 탑재)
	window.gtranslateSettings = {		window.gtranslateSettings = {
	"default_language": "ko",		"default_language": "ko",
	"languages": ["ko", "en", "fr", "ar", "es", "ja", "~~zh-TW~~", "vi"], ~~// 한국~~, 영어, 불어, 아랍, ~~스페인~~, 일본, 대만, ~~베트남~~		"languages": [
			"ko", "en", "zh-CN", "zh-TW", "ja", "es", "fr", "de", "ru", "ar",
			"pt", "it", "vi", "th", "id", "ms", "tl", "hi", "tr", "nl",
			"pl", "uk", "ro", "hu", "cs", "sv", "el", "da", "fi", "no",
			"bg", "hr", "sk", "sr", "he", "fa", "ur", "bn", "ta", "sw"
			],
	"wrapper_selector": ".gtranslate_wrapper",		"wrapper_selector": ".gtranslate_wrapper",
	"switcher_horizontal_position": "right",		"switcher_horizontal_position": "right",

2026년 5월 21일 (목) 05:38에 Kim1231님의 편집

2026-05-21T05:38:33Z

← 이전 판		2026년 5월 21일 (목) 14:38 판
19번째 줄:		19번째 줄:
	});		});

	/* ~~=======================================~~		/* 최신 GTranslate 다국어 위젯 (프랑스어, 아랍어, 영어 등 지원) */
	~~2. 항상 떠 있는~~(~~플로팅~~) ~~구글 자동 번역기 (호환성 패치판)~~
	~~=======================================~~ */
	$(document).ready(function() {		$(document).ready(function() {
	if(~~document.getElementById~~('~~google_translate_element~~')) ~~return~~;		// 1. 번역기를 담을 투명한 상자를 화면 우측 하단에 고정 생성
			var gtWrapper = $('<div class="gtranslate_wrapper" style="position:fixed; bottom:20px; right:20px; z-index:9999;"></div>');
			$('body').append(gtWrapper);

	~~var translateDiv = document~~.~~createElement~~(~~'div'~~);		// 2. GTranslate 설정 (원하는 언어 코드를 배열에 넣으면 됩니다)
	~~translateDiv~~.id = ~~'google_translate_element';~~		window.gtranslateSettings = {
			"default_language": "ko",
	~~translateDiv.style.position = 'fixed';~~		"languages": ["ko", "en", "fr", "ar", "es", "ja", "zh-TW", "vi"], // 한국, 영어, 불어, 아랍, 스페인, 일본, 대만, 베트남
	~~translateDiv~~.~~style.bottom = '20px';~~		"wrapper_selector": ".gtranslate_wrapper",
	~~translateDiv.style.~~right ~~= '20px';~~		"switcher_horizontal_position": "right",
	~~translateDiv.style.zIndex = '9999';~~		"switcher_vertical_position": "bottom"
	~~translateDiv.style.backgroundColor = '#121215';~~		};
	~~translateDiv.style.border = '2px solid #FF8C00';~~
	~~translateDiv.style.borderRadius = '8px';~~
	~~translateDiv.style.padding = '5px 10px';~~
	~~translateDiv.style.boxShadow = '0 0 15px rgba(255,140,0~~,~~0.4)';~~

	~~document.body.appendChild(translateDiv)~~;

			// 3. 번역기 엔진(스크립트) 불러오기
	var script = document.createElement('script');		var script = document.createElement('script');
	~~script.type = 'text/javascript';~~		script.src = "https://cdn.gtranslate.net/widgets/latest/dropdown.js";
	~~// 🔥 https 명시하여 브라우저 차단 오인 방지~~		script.defer = true;
	script.src = 'https://~~translate~~.~~google~~.~~com~~/~~translate_a~~/~~element~~.js~~?cb~~=~~googleTranslateElementInit'~~;		document.body.appendChild(script);
	document.~~head~~.appendChild(script);
	});		});

	~~window.googleTranslateElementInit = function() {~~
	~~new google.translate.TranslateElement({~~
	~~pageLanguage: 'ko',~~
	~~includedLanguages: 'ko,en,zh-CN,zh-TW,ja,vi,ru,es,fr,de,th,id,ar,pt,tr,it,nl,pl,ms,tl,hi,uk,ro,hu,cs,sv,el,da,fi,no',~~
	~~layout: google.translate.TranslateElement.InlineLayout.SIMPLE,~~
	~~autoDisplay: false~~
	~~}, 'google_translate_element');~~
	};

	/* =======================================		/* =======================================
	3. 영웅 스탯 비교 계산기 구동 로직 (한글판 + 리스트 출력형)		2. 영웅 스탯 비교 계산기 구동 로직 (한글판 + 리스트 출력형)
	======================================= */		======================================= */
	$(document).ready(function() {		$(document).ready(function() {

2026년 5월 19일 (화) 02:25에 Kim1231님의 편집

2026-05-19T02:25:16Z

← 이전 판		2026년 5월 19일 (화) 11:25 판
43번째 줄:		43번째 줄:
	script.type = 'text/javascript';		script.type = 'text/javascript';
	// 🔥 https 명시하여 브라우저 차단 오인 방지		// 🔥 https 명시하여 브라우저 차단 오인 방지
	script.src = 'https://translate.google.~~co.kr~~/translate_a/element.js?cb=googleTranslateElementInit';		script.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
	document.head.appendChild(script);		document.head.appendChild(script);
	});		});

2026년 5월 19일 (화) 02:23에 Kim1231님의 편집

2026-05-19T02:23:23Z

← 이전 판		2026년 5월 19일 (화) 11:23 판
43번째 줄:		43번째 줄:
	script.type = 'text/javascript';		script.type = 'text/javascript';
	// 🔥 https 명시하여 브라우저 차단 오인 방지		// 🔥 https 명시하여 브라우저 차단 오인 방지
	script.src = 'https://translate.google.~~com~~/translate_a/element.js?cb=googleTranslateElementInit';		script.src = 'https://translate.google.co.kr/translate_a/element.js?cb=googleTranslateElementInit';
	document.head.appendChild(script);		document.head.appendChild(script);
	});		});

2026년 5월 19일 (화) 01:20에 Kim1231님의 편집

2026-05-19T01:20:46Z

차이 보기

2026년 5월 16일 (토) 14:50에 Kim1231님의 편집

2026-05-16T14:50:59Z

@@ 1번째 줄: / 1번째 줄: @@
 /* =======================================
-    영웅 스탯 비교 계산기 구동 로직 (한글판)
+. 마우스 오른쪽 클릭 및 단축키 방지
     ======================================= */
 $(document).ready(function() {
-     // 현재 열린 페이지에 'HeroBox'가 없으면 작동하지 않음
+     // 현재 열린 페이지에 'HeroBox'가 없으면 작동하지 않음 (다른 문서 속도 저하 방지)
      if ($('#HeroBox').length === 0) return;
@@ 76번째 줄: / 131번째 줄: @@
          let hasHigher = false;
          heroes.forEach(function(hero, index) {
              if(hero.type === selectedHero.type && index > hero1Index) {
                  $hero2Select.append('<option value="' + index + '">[' + hero.type + '] ' + hero.name + '</option>');