MediaWiki:Common.js - 版の履歴

Mntone: クラスrow-stickyが見つからない場合、監視処理を追加しない

2022-06-05T01:59:51Z

クラスrow-stickyが見つからない場合、監視処理を追加しない

← 古い版		2022年6月5日 (日) 10:59時点における版
72行目:		72行目:

	function observeRowStickyStuckState(classname) {		function observeRowStickyStuckState(classname) {
			var target = document.querySelector('.' + classname)
			if (target === null) return

	if (typeof IntersectionObserver === 'function') {		if (typeof IntersectionObserver === 'function') {
	var stuckClassname = classname + '--stuck'		var stuckClassname = classname + '--stuck'
83行目:		86行目:
	}		}
	}		}
	}, { threshold: 1 }).observe(~~document.querySelector('.' + classname)~~)		}, { threshold: 1 }).observe(target)
	}		}
	}		}

Mntone: tooltipが画面外左側に配置されることがある不具合の修正

2021-05-08T07:09:48Z

tooltipが画面外左側に配置されることがある不具合の修正

← 古い版		2021年5月8日 (土) 16:09時点における版
13行目:		13行目:
	.css('left', Math.min(		.css('left', Math.min(
	$(window).width() - tooltip.outerWidth(),		$(window).width() - tooltip.outerWidth(),
	Math.round(offset.left - 0.5 * (tooltip.outerWidth() - obj.outerWidth()))))		Math.max(
			0,
			Math.round(offset.left - 0.5 * (tooltip.outerWidth() - obj.outerWidth())))))
	.css('top', y)		.css('top', y)
	}		}

Mntone: 配列初期化に関する不具合の修正

2021-04-28T01:08:24Z

配列初期化に関する不具合の修正

← 古い版		2021年4月28日 (水) 10:08時点における版
52行目:		52行目:

	// Find the max width of each column across all tables.		// Find the max width of each column across all tables.
	var colWidths = new Array~~<string>~~(targetSelectors.length).fill(0)		var colWidths = new Array(targetSelectors.length).fill(0)
	$("." + classname).each(function(index, elem) {		$("." + classname).each(function(index, elem) {
	$.each(targetSelectors, function(idx, target) {		$.each(targetSelectors, function(idx, target) {

Mntone: ダメージ表の1列目を同じ横幅になるように実装を変更

2021-04-28T01:07:32Z

ダメージ表の1列目を同じ横幅になるように実装を変更

← 古い版		2021年4月28日 (水) 10:07時点における版
39行目:		39行目:

	function updateWidth(classname) {		function updateWidth(classname) {
	var ~~targetSelector~~ = 'tr:first th:nth-child(2), tr:first td:nth-child(2)'		var targetSelectors = [
			'tr:first th:nth-child(1), tr:first td:nth-child(1)',
			'tr:first th:nth-child(2), tr:first td:nth-child(2)',
			]

	// Reset the max width of each column in each table.		// Reset the max width of each column in each table.
	$("." + classname).each(function(index, elem) {		$("." + classname).each(function(index, elem) {
	$(elem).find(~~targetSelector~~).first().width('')		$.each(targetSelectors, function(_, target) {
	});		$(elem).find(target).first().width('')
			})
			})

	// Find the max width of each column across all tables.		// Find the max width of each column across all tables.
	var ~~col_width~~ = 0		var colWidths = new Array<string>(targetSelectors.length).fill(0)
	$("." + classname).each(function(index, elem) {		$("." + classname).each(function(index, elem) {
	~~col_width~~ = Math.max(		$.each(targetSelectors, function(idx, target) {
	~~col_width~~,		colWidths[idx] = Math.max(
	Math.ceil($(elem).find(~~targetSelector~~).first().width()))		colWidths[idx],
	});		Math.ceil($(elem).find(target).first().width()))
			})
			})

	// Set each column in each table to the max width of that column across all tables.		// Set each column in each table to the max width of that column across all tables.
	$("." + classname).each(function(index, elem) {		$("." + classname).each(function(index, elem) {
	$(elem).find(~~targetSelector~~).first().width(~~col_width~~)		$.each(targetSelectors, function(idx, target) {
	});		$(elem).find(target).first().width(colWidths[idx])
			})
			})
	}		}

Mntone: stuck状態を監視する機能の再改善

2021-03-02T13:48:52Z

stuck状態を監視する機能の再改善

← 古い版		2021年3月2日 (火) 22:48時点における版
72行目:		72行目:
	}		}
	}		}
	}).observe(document.querySelector('.' + classname))		}, { threshold: 1 }).observe(document.querySelector('.' + classname))
	}		}
	}		}

Mntone: stuck状態を監視する機能の改善

2021-03-02T13:42:20Z

stuck状態を監視する機能の改善

← 古い版		2021年3月2日 (火) 22:42時点における版
60行目:		60行目:
	}		}

	function observeRowStickyStuckState() {		function observeRowStickyStuckState(classname) {
	if (typeof IntersectionObserver === 'function') {		if (typeof IntersectionObserver === 'function') {
	var stuckClassname = '~~row-sticky~~--stuck'		var stuckClassname = classname + '--stuck'
	new IntersectionObserver(function(entries~~, observer~~) {		new IntersectionObserver(function(entries) {
	var entry = entries[0]		for (var i = 0; i < entries.length; ++i) {
	if (!entry.isIntersecting) {		var entry = entries[i]
	entry.target.classList.add(stuckClassname)		if (!entry.isIntersecting) {
	} else {		entry.target.classList.add(stuckClassname)
	entry.target.classList.remove(stuckClassname)		} else {
			entry.target.classList.remove(stuckClassname)
			}
	}		}
	~~}, { threshold: [1]~~ }).observe(document.querySelector('.~~row-sticky~~'))		}).observe(document.querySelector('.' + classname))
	}		}
	}		}
83行目:		85行目:
	.mouseleave(hideTooltip);		.mouseleave(hideTooltip);
	updateWidth(targetClassname);		updateWidth(targetClassname);
	observeRowStickyStuckState();		observeRowStickyStuckState('row-sticky');
	});		});

Mntone: row-stickyクラスが付与されたtrのstuck状態を監視する機能を追加

2021-02-28T12:23:31Z

row-stickyクラスが付与されたtrのstuck状態を監視する機能を追加

@@ 58行目: / 58行目: @@
 		$(elem).find(targetSelector).first().width(col_width)
 	});
+}
@@ 69行目: / 83行目: @@
 		.mouseleave(hideTooltip);
 	updateWidth(targetClassname);
 });

Mntone: ダメージ表を均一の幅に保つJavaScriptで最大のwidthを整数に切り上げるように変更

2021-02-16T04:53:38Z

ダメージ表を均一の幅に保つJavaScriptで最大のwidthを整数に切り上げるように変更

← 古い版		2021年2月16日 (火) 13:53時点における版
51行目:		51行目:
	col_width = Math.max(		col_width = Math.max(
	col_width,		col_width,
	$(elem).find(targetSelector).first().width())		Math.ceil($(elem).find(targetSelector).first().width()))
	});		});

Mntone: ダメージ表を均一の幅に保つJavaScriptの実装

2021-02-16T00:47:54Z

ダメージ表を均一の幅に保つJavaScriptの実装

@@ 38行目: / 38行目: @@
+}
 $(function(){
 	tooltip = $("<div>", { id: 'tooltip' }).appendTo('body');
@@ 43行目: / 68行目: @@
 		.mouseenter(showTooltip)
 		.mouseleave(hideTooltip);
 });

Mntone: tooltipの内容が勝手に型変換され正しくunescapeできないことがある問題の修正

2021-02-05T13:31:43Z

tooltipの内容が勝手に型変換され正しくunescapeできないことがある問題の修正

← 古い版		2021年2月5日 (金) 22:31時点における版
24行目:		24行目:

	function showTooltip(e) {		function showTooltip(e) {
	var escaped = $(this).~~data~~('tooltip')		var escaped = $(this).attr('data-tooltip')
	var html = unescapeHtml(escaped)		var html = unescapeHtml(escaped)
	tooltip		tooltip