MediaWiki:Common.js

提供: MochiuWiki : SUSE, EC, PCB

2025年11月10日 (月) 06:12時点におけるWiki (トーク | 投稿記録)による版 (ページの作成:「ここにあるすべての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;…」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。
/* ここにあるすべての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);
    }
});