MediaWiki:Common.js - 版の履歴

Wiki: 内容の置換:「/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */」

2025-12-19T09:43:45Z

内容の置換:「ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます: 」

← 古い版		2025年12月19日 (金) 18:43時点における版
1行目:		1行目:
	/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */		/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */
	~~$(document).ready(function() {~~
	~~// ページ内のすべての画像にホバーイベントを追加~~
	~~$('.mw-content-text img').each(function() {~~
	~~var $img = $(this);~~
	~~var $popup = null;~~

	~~$img.hover(~~
	~~function() {~~
	~~// ポップアップ作成~~
	~~var imgSrc = $img.attr('src').replace(/\/thumb/, '').replace(/\/[0-9]+px-.*$/, '');~~

	~~$popup = $('<div>')~~
	~~.addClass('image-popup')~~
	~~.css({~~
	~~position: 'fixed',~~
	~~top: '50%',~~
	~~left: '50%',~~
	~~transform: 'translate(-50%, -50%)',~~
	~~zIndex: 10000,~~
	~~backgroundColor: 'rgba(0,0,0,0.9)',~~
	~~padding: '10px',~~
	~~borderRadius: '5px',~~
	~~maxWidth: '90vw',~~
	~~maxHeight: '90vh'~~
	})
	~~.append(~~
	~~$('<img>')~~
	~~.attr('src', imgSrc)~~
	~~.css({~~
	~~maxWidth: '100%',~~
	~~maxHeight: '85vh',~~
	~~display: 'block'~~
	})
	);

	~~$('body').append($popup);~~
	},
	~~function() {~~
	~~// ポップアップ削除~~
	~~if ($popup) {~~
	~~$popup.remove();~~
	}
	}
	);
	~~});~~
	~~});~~

2025年12月19日 (金) 09:43にWikiによる

2025-12-19T09:43:23Z

← 古い版		2025年12月19日 (金) 18:43時点における版
1行目:		1行目:
	/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */		/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */
			$(document).ready(function() {
			// ページ内のすべての画像にホバーイベントを追加
			$('.mw-content-text img').each(function() {
			var $img = $(this);
			var $popup = null;

			$img.hover(
			function() {
			// ポップアップ作成
			var imgSrc = $img.attr('src').replace(/\/thumb/, '').replace(/\/[0-9]+px-.*$/, '');

			$popup = $('<div>')
			.addClass('image-popup')
			.css({
			position: 'fixed',
			top: '50%',
			left: '50%',
			transform: 'translate(-50%, -50%)',
			zIndex: 10000,
			backgroundColor: 'rgba(0,0,0,0.9)',
			padding: '10px',
			borderRadius: '5px',
			maxWidth: '90vw',
			maxHeight: '90vh'
			})
			.append(
			$('<img>')
			.attr('src', imgSrc)
			.css({
			maxWidth: '100%',
			maxHeight: '85vh',
			display: 'block'
			})
			);

			$('body').append($popup);
			},
			function() {
			// ポップアップ削除
			if ($popup) {
			$popup.remove();
			}
			}
			);
			});
			});

Wiki: 内容を「/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */」で置換

2025-11-09T23:58:17Z

内容を「ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます: 」で置換

差分を表示

2025年11月9日 (日) 23:57にWikiによる

2025-11-09T23:57:19Z

← 古い版		2025年11月10日 (月) 08:57時点における版
1行目:		1行目:
	/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */		/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */

	// ========================================		// ========================================
	// ~~ダークモード切り替え機能 (サイドバー＆上部バー)~~		// ダークモード切り替え機能（サイドバー＆上部バー配置版）
			// MediaWiki:Common.js に追加してください
	// ========================================		// ========================================

2025年11月9日 (日) 23:54にWikiによる

2025-11-09T23:54:15Z

← 古い版		2025年11月10日 (月) 08:54時点における版
2行目:		2行目:

	// ========================================		// ========================================
	// ~~ダークモード切り替え機能（サイドバー＆上部バー配置版）~~		// ダークモード切り替え機能 (サイドバー＆上部バー)
	~~// MediaWiki:Common.js に追加してください~~
	// ========================================		// ========================================

2025年11月9日 (日) 23:45にWikiによる

2025-11-09T23:45:17Z

差分を表示

Wiki: 内容を「/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */」で置換

2025-11-09T23:36:43Z

内容を「ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます: 」で置換

← 古い版		2025年11月10日 (月) 08:36時点における版
1行目:		1行目:
	/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */		/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */
	~~// ========================================~~
	~~// ダークモード切り替え機能~~
	~~// ========================================~~

	~~(function() {~~
	~~'use strict';~~

	~~// 設定キー~~
	~~const THEME_KEY = 'fluent-theme-preference';~~
	~~const THEME_DARK = 'dark';~~
	~~const THEME_LIGHT = 'light';~~
	~~const THEME_AUTO = 'auto';~~

	~~// 現在のテーマを取得~~
	~~function getCurrentTheme() {~~
	~~return localStorage.getItem(THEME_KEY) \|\| THEME_AUTO;~~
	}

	~~// テーマを適用~~
	~~function applyTheme(theme) {~~
	~~const html = document.documentElement;~~

	~~// 既存のクラスを削除~~
	~~html.classList.remove('theme-dark', 'theme-light', 'theme-auto');~~

	~~// 新しいクラスを追加~~
	~~html.classList.add('theme-' + theme);~~

	~~// localStorageに保存~~
	~~localStorage.setItem(THEME_KEY, theme);~~

	~~// ボタンのアイコンを更新~~
	~~updateThemeButton(theme);~~
	}

	~~// ボタンのアイコンを更新~~
	~~function updateThemeButton(theme) {~~
	~~const button = document.getElementById('theme-toggle-button');~~
	~~if (!button) return;~~

	~~// アイコンとツールチップを更新~~
	~~const icons = {~~
	~~'light': { icon: '☀️', title: 'ライトモード' },~~
	~~'dark': { icon: '🌙', title: 'ダークモード' },~~
	~~'auto': { icon: '🌗', title: '自動（システム設定に従う）' }~~
	};

	~~const config = icons[theme];~~
	~~button.textContent = config.icon;~~
	~~button.title = config.title;~~
	}

	~~// テーマを切り替え~~
	~~function toggleTheme() {~~
	~~const current = getCurrentTheme();~~
	~~let next;~~

	~~// light → dark → auto → light のサイクル~~
	~~switch(current) {~~
	~~case THEME_LIGHT:~~
	~~next = THEME_DARK;~~
	~~break;~~
	~~case THEME_DARK:~~
	~~next = THEME_AUTO;~~
	~~break;~~
	~~case THEME_AUTO:~~
	~~default:~~
	~~next = THEME_LIGHT;~~
	~~break;~~
	}

	~~applyTheme(next);~~
	}

	~~// ボタンを作成~~
	~~function createThemeButton() {~~
	~~// 既に存在する場合は何もしない~~
	~~if (document.getElementById('theme-toggle-button')) return;~~

	~~// ボタンを作成~~
	~~const button = document.createElement('button');~~
	~~button.id = 'theme-toggle-button';~~
	~~button.className = 'theme-toggle-button';~~
	~~button.setAttribute('aria-label', 'テーマ切り替え');~~

	~~// クリックイベント~~
	~~button.addEventListener('click', function(e) {~~
	~~e.preventDefault();~~
	~~e.stopPropagation();~~
	~~toggleTheme();~~
	~~});~~

	~~// ボタンを配置（user-tools 内に追加）~~
	~~const userTools = document.getElementById('user-tools');~~
	~~if (userTools) {~~
	~~// search-iconの後に挿入~~
	~~const searchIcon = document.getElementById('search-icon');~~
	~~if (searchIcon && searchIcon.nextSibling) {~~
	~~userTools.insertBefore(button, searchIcon.nextSibling);~~
	~~} else {~~
	~~userTools.appendChild(button);~~
	}
	}

	~~return button;~~
	}

	~~// 初期化~~
	~~function init() {~~
	~~// ボタンを作成~~
	~~createThemeButton();~~

	~~// 保存されたテーマを適用~~
	~~const savedTheme = getCurrentTheme();~~
	~~applyTheme(savedTheme);~~
	}

	~~// DOMContentLoaded時に初期化~~
	~~if (document.readyState === 'loading') {~~
	~~document.addEventListener('DOMContentLoaded', init);~~
	~~} else {~~
	~~init();~~
	}
	~~})();~~

2025年11月9日 (日) 23:32にWikiによる

2025-11-09T23:32:40Z

← 古い版		2025年11月10日 (月) 08:32時点における版
1行目:		1行目:
	/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */		/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */
			// ========================================
			// ダークモード切り替え機能
			// ========================================

			(function() {
			'use strict';

			// 設定キー
			const THEME_KEY = 'fluent-theme-preference';
			const THEME_DARK = 'dark';
			const THEME_LIGHT = 'light';
			const THEME_AUTO = 'auto';

			// 現在のテーマを取得
			function getCurrentTheme() {
			return localStorage.getItem(THEME_KEY) \|\| THEME_AUTO;
			}

			// テーマを適用
			function applyTheme(theme) {
			const html = document.documentElement;

			// 既存のクラスを削除
			html.classList.remove('theme-dark', 'theme-light', 'theme-auto');

			// 新しいクラスを追加
			html.classList.add('theme-' + theme);

			// localStorageに保存
			localStorage.setItem(THEME_KEY, theme);

			// ボタンのアイコンを更新
			updateThemeButton(theme);
			}

			// ボタンのアイコンを更新
			function updateThemeButton(theme) {
			const button = document.getElementById('theme-toggle-button');
			if (!button) return;

			// アイコンとツールチップを更新
			const icons = {
			'light': { icon: '☀️', title: 'ライトモード' },
			'dark': { icon: '🌙', title: 'ダークモード' },
			'auto': { icon: '🌗', title: '自動（システム設定に従う）' }
			};

			const config = icons[theme];
			button.textContent = config.icon;
			button.title = config.title;
			}

			// テーマを切り替え
			function toggleTheme() {
			const current = getCurrentTheme();
			let next;

			// light → dark → auto → light のサイクル
			switch(current) {
			case THEME_LIGHT:
			next = THEME_DARK;
			break;
			case THEME_DARK:
			next = THEME_AUTO;
			break;
			case THEME_AUTO:
			default:
			next = THEME_LIGHT;
			break;
			}

			applyTheme(next);
			}

			// ボタンを作成
			function createThemeButton() {
			// 既に存在する場合は何もしない
			if (document.getElementById('theme-toggle-button')) return;

			// ボタンを作成
			const button = document.createElement('button');
			button.id = 'theme-toggle-button';
			button.className = 'theme-toggle-button';
			button.setAttribute('aria-label', 'テーマ切り替え');

			// クリックイベント
			button.addEventListener('click', function(e) {
			e.preventDefault();
			e.stopPropagation();
			toggleTheme();
			});

			// ボタンを配置（user-tools 内に追加）
			const userTools = document.getElementById('user-tools');
			if (userTools) {
			// search-iconの後に挿入
			const searchIcon = document.getElementById('search-icon');
			if (searchIcon && searchIcon.nextSibling) {
			userTools.insertBefore(button, searchIcon.nextSibling);
			} else {
			userTools.appendChild(button);
			}
			}

			return button;
			}

			// 初期化
			function init() {
			// ボタンを作成
			createThemeButton();

			// 保存されたテーマを適用
			const savedTheme = getCurrentTheme();
			applyTheme(savedTheme);
			}

			// DOMContentLoaded時に初期化
			if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', init);
			} else {
			init();
			}
			})();

2025年11月9日 (日) 21:36にWikiによる

2025-11-09T21:36:52Z

← 古い版		2025年11月10日 (月) 06:36時点における版
1行目:		1行目:
	/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */		/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */

	~~$(function() {~~
	~~// テーマ切り替えボタンを追加~~
	~~var themeToggle = $('<li>').attr('id', 'pt-theme-toggle');~~
	~~var themeLink = $('<a>').attr('href', '#').text('テーマ切り替え');~~

	~~themeLink.on('click', function(e) {~~
	~~e.preventDefault();~~
	~~var html = document.documentElement;~~
	~~var currentTheme = html.getAttribute('data-theme');~~
	~~var newTheme = currentTheme === 'dark' ? 'light' : 'dark';~~
	~~html.setAttribute('data-theme', newTheme);~~
	~~localStorage.setItem('theme', newTheme);~~
	~~});~~

	~~themeToggle.append(themeLink);~~
	~~$('#pt-userpage').after(themeToggle);~~

	~~// 保存されたテーマを復元~~
	~~var savedTheme = localStorage.getItem('theme');~~
	~~if (savedTheme) {~~
	~~document.documentElement.setAttribute('data-theme', savedTheme);~~
	}
	~~});~~

Wiki: ページの作成:「/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */ $(function() { // テーマ切り替えボタンを追加 var themeToggle = $('
').attr('id', 'pt-theme-toggle'); var themeLink = $('').attr('href', '#').text('テーマ切り替え'); themeLink.on('click', function(e) { e.preventDefault(); var html = document.documentElement;…」

2025-11-09T21:12:24Z

ページの作成:「ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます: $(function() { // テーマ切り替えボタンを追加 var themeToggle = $('<li>').attr('id', 'pt-theme-toggle'); var themeLink = $('<a>').attr('href', '#').text('テーマ切り替え'); themeLink.on('click', function(e) { e.preventDefault(); var html = document.documentElement;…」

新規ページ

/* ここにあるすべてのJavaScriptは、すべてのページ読み込みですべての利用者に対して読み込まれます */

$(function() {
// テーマ切り替えボタンを追加
var themeToggle = $('<li>').attr('id', 'pt-theme-toggle');
var themeLink = $('<a>').attr('href', '#').text('テーマ切り替え');

themeLink.on('click', function(e) {
e.preventDefault();
var html = document.documentElement;
var currentTheme = html.getAttribute('data-theme');
var newTheme = currentTheme === 'dark' ? 'light' : 'dark';
html.setAttribute('data-theme', newTheme);
localStorage.setItem('theme', newTheme);
});

themeToggle.append(themeLink);
$('#pt-userpage').after(themeToggle);

// 保存されたテーマを復元
var savedTheme = localStorage.getItem('theme');
if (savedTheme) {
document.documentElement.setAttribute('data-theme', savedTheme);
}
});