Help:ナビゲーション・ポップアップ

この項目では、個人設定のガジェットで設定する記事の操作も可能な機能について説明しています。標準状態で有効になっているプレビュー機能については「Popups拡張機能」をご覧ください。

ナビゲーション・ポップアップを使用して行ったすべての作業については、使用者であるあなたが全責任を負います。 ウィキペディアの方針を理解し、その方針の範囲内でツールを使用して下さい。 これが守れない場合、あなたは警告無くツールの使用ができなくなるか投稿ブロックされます。 注意点: ナビゲーション・ポップアップのリバート機能は、ボタンを押すと即座にページに反映されます。 まずサンドボックスで動作を確認するか、または#カスタマイズの部分を見て設定を変更してください。

ウィキペディア日本語版のヘルプページです。

ナビゲーション・ポップアップは、ウィキペディアの内部リンクの上にマウスポインタを重ねることで、そのページへと移動することなく、リンク先のページの情報を小さく簡易的にポップアップで表示する機能です。また記事の簡単な操作も行え、ポップアップをドラッグして移動することもできます。ブラウザで動作するスクリプト言語で作成されており、設定によって簡単に導入することも、スクリプト言語が分かる場合には自分の好みに表示方法などを変更することもできます。

• ナビゲーション・ポップアップを体験できる画面に移る。リンク先ページのウィキリンクにマウスポインタを重ねてみてください。

アカウント作成さえ終わっていれば、次の方法で簡単に導入できます。

• 個人設定のページにあるガジェットタブで「ナビゲーション・ポップアップ」にチェックを入れれば導入されます。

使用をやめたい場合は、同じく個人設定のページに行き、「ナビゲーション・ポップアップ」のチェックをはずすと表示されなくなります。

この機能はJavaScriptを使って動くため、ブラウザのJavaScriptが無効になっている場合は動作しません。

ガジェットとして導入した場合は細かい動作設定などは行えません。#外観デザインの変更や#動作設定の変更を行いたい場合は#手作業による導入を行う必要があります。まずガジェットで使ってみて気に入ったら、手作業による導入を試してみると良いでしょう。

ナビゲーション・ポップアップはJavaScriptを使って動きます。JavaScriptはブラウザによって処理の方法が少しずつ違っているため動作も大分変わります。

Mozilla Firefox 3.6.8		軽快
Google Chrome		軽快
Safari 3/WinXP		軽快
Safari 5.0.5/OS X		軽快
Internet Explorer 8	重い	動作はしますが非常に重いです。IEにおけるJavaScript処理の特徴です。IE9にて近々解決される予定。
Opera		時々ポップアップが消えなくなります。そうなると以後、ページを移動するまでポップアップが出なくなります。

ナビゲーション・ポップアップはマウスのポインタをリンクや画像の上に置くと「ポップアップ・ヒント」を生成します。基本的な機能は次のようなものです。

• リンクの上にマウスを重ねると、リンク先のページの内容を表示してくれます。
• 記事を閲覧しているときは、脚注の参照リンクにマウスを重ねると、ページ下部にある内容がその場で表示されます。

特に便利な機能はウォッチリストや履歴、最近の更新の閲覧時に使える次の機能です。

• 差分リンクの上にポインタを置くと、差分の一部を表示します。
• ページのリンクの上にポインタを置くと、その版の冒頭部を表示します。

また、差し戻し、編集などへのワンクリック・リンクをまとめた「ナビゲーション・リンク」も表示されます。これは設定によってポップアップ内に直接表示させたり、「アクション」メニューのなかにしまったりもできます。

通常の記事ページにおいては、リンクの上にポインタを置くとリンク先の記事の一部とナビゲーション・リンクを表示します。

「利用者:ウィキ助」のような利用者の名前リンクの上にマウスを重ねると、ポップアップの一番下に、簡単な利用者情報が表示されます。この情報はメディアウィキAPIを使用して取得されています。

以下のような情報が表示されます。

• 投稿回数
• アカウント作成日。相当古い（2005年より前?）場合は、この欄は空白となります
• フラグ：比較的よく見かけるのは、bot（ボット）、sysop（管理者）、checkuser（チェックユーザー）、bureaucrat（ビューロクラット）などです。

ポップアップを連続で出し続けていると、段々画面の右下に寄っていって操作しづらくなることがあります。そうした場合は、シフトキーを押しながらポップアップをドラッグすることで動かすことができます。ただし

注意：メニューや画像部分をつかんでドラッグすると、ポップアップが離れなくなるバグが残っています。おかしくなった場合はブラウザの「戻る」ボタンか「更新」ボタンを押せば元に戻ります。

手作業で導入する場合はオプション部分に popupDragHandle=true と書いておくと、シフト無しでポップアップを動かせるようになります（テキストをコピーするときに「何も押さずにクリック→シフトを押しながら別の場所をクリック」で中間のテキストを選択するようになります）。

ガジェットによる動作だけでは飽き足らず、外観や動作設定を変更したい場合は、ログインした状態で、{{subst:navpop}}という一文を、あなたの利用者ページのサブページである common.js のどこかに貼りつけ、保存してください（他のスクリプトが既にある場合は、それを避けてページの一番上か下、分かりやすい所に上の一文を張り付けて保存してください）。もしくは、 {{subst:navpop}} の代わりに、以下の文章を入力しても構いません。

いずれかの方法により保存すると、以下の文章が表示されます。

//////////// ここからナビゲーション・ポップアップ /////////////////////////////////////////////////////
 
// ガジェット本体を取り込む
mw.loader.load('/w/load.php?modules=ext.gadget.Navigation_popups');
 
//削除や保護ログへのリンクを表示します
popupAdminLinks=true;
//外装の基本スタイルを指定します (選択肢：'original', 'fancy', 'fancy2', 'menus', 'shortmenus', 'lite', 'nostalgia')
popupStructure='menus';
//ショートカットキーを有効にします
popupShortcutKeys=true;
 
//リンクにマウスを重ねてからポップアップが表示されるまでのタイムラグを秒で指定します
//低速回線や低スペックPCで予期せぬポップアップを負荷に感じる場合は、この数字を「0.8」、「1.0」などと大きくしてください
popupDelay=0.5;
//ポップアップが消えるまでの時間を秒で指定します。消えるのが遅く感じる場合は、この数字を「0.3」、「0」などと小さくしてください
popupHideDelay=0.5;
 
////下のコメントアウトを外すと（popupDragHandleの先頭の斜線2本を消して保存すると）
////ドラッグだけでポップアップ・ウィンドウを移動できるようになります。
////ただし画像やメニュー部分を掴んでドラッグしようとすると位置がおかしくなります。
////おかしくなった時はブラウザの更新ボタンまたは戻るボタンを押すと元に戻ります。
//popupDragHandle=true;
 
//////////// ここまでナビゲーション・ポップアップ /////////////////////////////////////////////////////

保存後は、使用しているブラウザの「キャッシュを消去」してください（「個人設定」の下部にある注意に書いてある方法でもキャッシュを消去できます）。

ブラウザのJavaScriptを禁止しない限り、ナビゲーション・ポップアップは機能します。スクリプトの導入は、コモンズやウィクショナリーなどでも同様の手順で使用できるようになります。

このスクリプトを削除（アンインストール）したい場合、導入した際に表示された上記の文章を削除した後、キャッシュも消去してください。

ナビゲーション・ポップアップは自分の好み、用途に合わせてカスタマイズすることができます。カスタマイズを可能とするためには#手作業による導入がまずなされている必要があります。

デザイン変更を行うにはまず#手作業による導入が終わっている必要があります。ガジェットによる規定のデザインだけで飽き足らない場合は、CSSのファイルを設定することで、自分好みのデザインに変更することができます。これはJavaScriptと同様に利用者毎に変更できます。上記の導入する際に解説した .js を .css に置き換えるだけで可能になり（common.css）、JavaScriptと同様に別の外装を使用するなど名称が正確でないと機能しません。

以下の記述はフォントの設定を変え、背景をオレンジ色にします。あくまで例であって、このまま使用すると見栄えを悪化させてしまうかもしれません。

.navpopup {
  background-color: #FFBE20  !important;
  font-family:      serif    !important;
  color:            #404     !important;
  font-size:        medium   !important;
}

Note: .cssもキャッシュ破棄は同様です。

動作設定の変更を行うにはまず#手作業による導入が終わっている必要があります。ガジェットによる規定の動作以外にも、ナビゲーション・ポップアップにはいくつかのオプションがあり、JavaScript （common.js）を編集することで利用者の好みに合わせることができます。

''option'' = ''value'';

オプション構成の表を参考に、option と value の設定を変更します。

Note: //の後ろは、次の行になるところまで反映されません。

例えば、JavaScript を以下のように変更することで、「表示の簡素化」（リンク先の内容のダウンロード停止）と「管理機能のリンク追加」ができます。

// [[User:Lupin/popups.js]] - この行はこのまま残してください。

mw.loader.load('//ja.wikipedia.org/w/index.php?title=User:Was_a_bee/strings-ja.js' + '&action=raw&ctype=text/javascript');

mw.loader.load('//en.wikipedia.org/w/index.php?title=User:Lupin/popups.js' + '&action=raw&ctype=text/javascript');

simplePopups=true;
popupAdminLinks=true;

また、以下の設定を追加すると、popupDelay をデフォルトよりも0.3秒ほど遅くし、popupHideDelay を即座に消すように設定し、popupImages を表示させなくします。

// [[User:Lupin/popups.js]] - この行はこのまま残してください。

mw.loader.load('//ja.wikipedia.org/w/index.php?title=User:Was_a_bee/strings-ja.js' + '&action=raw&ctype=text/javascript');

mw.loader.load('//en.wikipedia.org/w/index.php?title=User:Lupin/popups.js' + '&action=raw&ctype=text/javascript');

popupDelay=0.8;
popupHideDelay=0;
popupImages=false;

また以下の設定を使うと、全てのブラウザでプルダウン形式のメニューが表示され(popupStructure="menus")、ポップアップをドラッグで移動できるようになり(popupDragHandle=true、デフォルトだとShiftを押しながらクリックで移動)、ショートカット操作が可能で(popupShortcutKeys=true)、リダイレクトの修正機能が使えて(popupFixRedirs=true)、赤リンクの除去操作が使えるようになります（popupRedlinkRemoval=true）。

// [[User:Lupin/popups.js]] - この行はこのまま残してください。

mw.loader.load('//ja.wikipedia.org/w/index.php?title=User:Was_a_bee/strings-ja.js' + '&action=raw&ctype=text/javascript');

mw.loader.load('//en.wikipedia.org/w/index.php?title=User:Lupin/popups.js' + '&action=raw&ctype=text/javascript');

popupAdminLinks=true;
popupStructure="menus";//'original', 'fancy', 'fancy2', 'menus', 'shortmenus', 'lite', 'nostalgia'
popupDragHandle=true;
popupShortcutKeys=true;
popupFixRedirs=true;
popupWatchRedirredPages=true
popupRedlinkRemoval=true;
popupPreviewRawTemplates=false;

値の列中、太字で記されているのは「デフォルトの値」です。何もオプションをいじらなければ太字の値が暗黙のうちに使用されているということです。

その他にオプションは追加される可能性があり、設定項目の追加リクエストを受け付けています（en:ノート:Tools/Navigation popups）。

記事に対してカスタムフィルタを設定できます。このフィルタはページの統計を生成した後に走らせる JavaScript で、ポップアップ内の統計部分に追加で表示されます。なお simplePopups が true か popupSummaryData が false であれば何も表示されません。

フィルタを設定するには、フィルタリングする記事のウィキテキスト中の文字列をインプットとして指定し、その際に行うファンクションを HTML 要素で指定します。extraPopupFilters というアレイを作って、その下に設定したいフィルタを並べてください。

たとえば、記事中にHTML タグを使った表があった時に知らせてくれるフィルタを作りたいとします。その時には、例えば次のように書きます。

// アレイを初期化 - 1回だけ行います
extraPopupFilters=[];

// ファンクションを定義
function popupFilterHtmlTable (wikiText) {
  if (/<table/i.test(wikiText)) return '&lt;table&gt;';
  else return '';
};

// アレイにファンクションを追加（複数のファンクションを追加可能）
extraPopupFilters.push(popupFilterHtmlTable);

これで、HTMLタグを使った表がある時には、ポップアップ内に <table> が表示されるようになります。

Mozilla Firefox に Adblock Plus 拡張機能をインストールしている場合、ポップアップを見ることができない時があります。この場合、Adblock Plus がナビゲーション・ポップアップをブロックしている可能性があります。メインページに行き、ステータスバーにあるアイコンを右クリックし、ja.wikipedia.org では停止するように設定してみてください。

Safari の古いバージョンではメニューが正しく機能しないことがあります。最新版を使用していれば正しく機能するはずです。

Opera の古いバージョンにはメニューが正しく動かなくなるバグがあります。最新版 (9.0 以降) を使用していれば正しく機能するはずですが、ポップアップが表示されない、ポインタをずらしても消えない、などの問題が生じる可能性があります。

ポップアップ・ウィンドウをドラッグするとき、プレビュー中の画像部分またはメニュー部分をつかんでドラッグすると、ポップアップ・ウィンドウがマウスから離れなくなる。ブラウザの更新ボタンか戻るボタンを押すと元に戻る。しかし元に戻すまで他の操作ができなくなる。

• 特別:投稿記録に対して貼られているリンクがポップアップしない。ソース中で "Contributions" で正規表現判定されており、分岐が導入されていない（en:MediaWiki:Gadget-popups.js 2010年8月5日 (木) 01:04版、5823行目）。
  • 例：ポップアップしない（特別:投稿記録/ウィキ助）
  • 例：ポップアップしない（[1]）
  • 例：ポップアップする（[2]）
• 画像数のカウントがおかしい。プレビュー中のサムネイル画像が表示されない。File:, Image:, 画像:の表記ゆれがおそらく原因?

この利用者は ナビゲーション・ポップアップを使用しています。

{{Help:ナビゲーション・ポップアップ/UBX}}

ナビゲーション・ポップアップは英語版の利用者 en:User:Lupin氏によって2005年8月に開発が始められました[3]。2010年現在、Lupin氏はソフトウェアのメンテナンスは行っていませんが、他の利用者達がソフトウェアのメンテナンスと改良を行っています。詳細なクレジットは以下をご覧ください。

• en:Wikipedia:Tools/Navigation_popups#Credits and external links

ナビゲーション・ポップアップのソースは英語版ウィキペディアに置かれています。各言語版のガジェットはその英語版のソースを読み込んで動作しています。

• 日本語版内のソース
  • MediaWiki:Gadget-popups.js
  • MediaWiki:Gadget-navpop.css
• 大元の英語版のソース
  • en:User:Lupin/popups.js
  • en:MediaWiki:Gadget-popups.js
  • en:User:Lupin/navpopdev.css

スクリプトおよびマニュアルの各言語への翻訳情報は en:Wikipedia:Tools/Navigation popups/Translationにあります。

日本語版では以下の翻訳が存在します。

• User:Was_a_bee/strings-ja.js
• User:cpro/popups-strings-ja.js （部分的）
• User:Alexsh/jstool/strings-ja.js （部分的、一部中国語）
• User:Yushu-kasai/tools/popupsStrings-ja.js

ウィキメディア・コモンズには、ナビゲーション・ポップアップに関連するカテゴリがあります。

メタウィキに、このページに関する情報があります。

Gadgets/Navigation popups

バグ、質問、問題などのフィードバックは日本語版のこのページのノートで受け付けています（Help‐ノート:ナビゲーション・ポップアップ）。日本語への訳文とCSSは日本語版に置かれており、それらに対しては比較的はやい対応が可能です。ただしそれ以外のコードは英語版に置かれているため少し議論に手間がかかります。問題の所在がはっきりしている場合は、直接英語版のノートに飛んでも良いでしょう。

• en:Wikipedia_talk:Tools/Navigation_popups
• en:MediaWiki_talk:Gadget-popups.js