hypweb.net
XOOPSマニア  最新情報のRSS(サイト全体)
[ 自宅サーバーWebRing |ID=54 前後5表示乱移動サイト一覧 ]

18年9月21日(Fri) 2時37分
TOP » フォーラム » XOOPS » xpWiki » xpwikiでナビゲーションポップアップ

xpwikiでナビゲーションポップアップ


投稿ツリー


前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2015-12-16 16:53
jpygma  常連になろうかな   投稿数: 9

教えてください。
xpwikiで、wikipediaにおけるナビゲーション・ポップアップのようなことをしたいと考えて色々と探しておりますが、
方法が見つかりません。

ナビゲーションポップアップについては
http://hpwb.net/1RRdcCZ (ja.wikipedia.org)

ナビゲーションポップアップは色々と機能がありますが、私が実装したいと考えているのは、マウスオーバーしたときに、リンク先の内容をポップアップ表示する機能です。

お知恵を拝借できましたら大変助かります。
よろしくお願いします。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2015-12-16 23:17 | 最終変更
nao-pon  Webmaster 居住地: 愛知県  投稿数: 5780

jpygma さん、こんにちは。

JavaScriptでよさげなライブラリがあれば、それだけで済みそうな感じですね。

xpWiki は URL のクエリに "popup=1" をつけると、モジュールコンテンツのみ表示されるので、それも利用できるかも知れません。(例: http://xoops.hypweb.net/modules/xpwiki/342.html?popup=1)


追記

そういえば、pagepopup というプラグインがありました。

&pagepopup(xpWiki);

こんな感じ-> xpWiki

また、思いだしたけど

特定のページ以下を対象にして、オートリンクでページポップアップリンクにすることもできるので、興味がありましたら詳しく説明します。

これはクリックですが、ちょっといじればマウスオーバーでもいけるかも。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2015-12-16 23:53
jpygma  常連になろうかな   投稿数: 9

nao-ponさん
早速のご返信ありがとうございます。
pagepopup、とってもいいですね。これでも十分だなと考えております。ただ、一つ一つ書き込むのはなぁと思っていたら、

引用:
特定のページ以下を対象にして、オートリンクでページポップアップリンクにすることもできるので、興味がありましたら詳しく説明します。

是非お願いします!
結構長く悩んでいたのにもう解決の糸口が見つかるとは!
本当に助かりました。ありがとうございます!

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 .2 | 投稿日時 2015-12-17 9:39 | 最終変更
nao-pon  Webmaster 居住地: 愛知県  投稿数: 5780

特定のページ以下を対象にして、オートリンクでページポップアップリンクにするには、外部オートリンクの設定を行います。

外部オートリンクという名称ですが、内部へのカスタマイズしたオートリンクにも対応できます。

設定は pukiwiki.ini.php を編集して行います。pukiwiki.ini.php による編集方法は、インストール に書いてあるとおりですが、html 側の XOOPS_ROOT_PATH/modules/xpwiki/private/ini/pukiwiki.ini.php に追記するとよいと思います。

ちなみにこのサイトでは、次のように設定しています。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
$root->page_popup_position = array(
    // Array value is CSS's value.
    'top'    => '0px',
    'bottom' => '',
    'left'   => '0px',
    'right'  => '',
    'width'  => '170px',
    'height' => '99%'
);
$root->ext_autolinks[] = array(
    'url'   => '' ,            // '' means own wiki
    'base'  => 'keyword' ,    // base directory ('' means all pages)
    'len'   => 3 ,            // minimum length of link text
    'enc'   => 'EUC-JP' ,    // character encoding
    'cache' => 10,            // cache minutes (minimum: 10min)
    'popup' => 'true'
);

'ext_autolinks' の 'base' に指定したページの子ページが対象になります。日本語ページを指定する場合は、保存時の文字コードをサイトの文字コードに合わせてください。また、'enc' の指定も同様にしてください。

まずは、お試しください。 :-)

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2015-12-17 11:19
jpygma  常連になろうかな   投稿数: 9

nao-pon

早速のご返信有り難うございます!
早速教えていただいたとおりに、ini.phpファイルに追記してみました!
が、上手くポップアップしてくれません(´・ω・`)
おそらくは、「指定したページの子ページ」の「子ページ」の指定について
私が理解できていないせいではないかと思われます。
「子ページ」というのは、指定したページに貼られたオートリンクの先のページを意味すると考えて良いのでしょうか?
大変恐縮ですが、教えていただければ大変助かります。
よろしくお願いします。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - | 投稿日時 2015-12-17 11:20 | 最終変更
jpygma  常連になろうかな   投稿数: 9

nao-pon

なお、pukiwiki.ini.phpファイルの書き換えは、教えていただいたとおり、文字コードをサイト指定のコードに合わせましたし、記述内のencも変更しました。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 .2 .3 | 投稿日時 2015-12-17 11:45
nao-pon  Webmaster 居住地: 愛知県  投稿数: 5780

ちょっと分かりづらかったですね。

1
2
3
4
5
6
7
8
$root->ext_autolinks[] = array(
    'url'   => '' ,            // '' means own wiki
    'base'  => '指定したページ' ,    // base directory ('' means all pages)
    'len'   => 3 ,            // minimum length of link text
    'enc'   => 'EUC-JP' ,    // character encoding
    'cache' => 10,            // cache minutes (minimum: 10min)
    'popup' => 'true'
);

の場合、

  • 指定したページ/対象1
  • 指定したページ/対象2

というページがあった場合に「対象1」と「対象2」という語句にオートリンクが効くようになります。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2015-12-18 23:05
ゲスト 

nao-pon

ご解説ありがとうございます。
理解できました。
少しいじってみます。
上手く行っても行かなくてもまたご報告します。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2015-12-18 23:11
jpygma  常連になろうかな   投稿数: 9

失礼しました。上のゲストレスはjpygmaです。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2015-12-19 12:21 | 最終変更
jpygma  常連になろうかな   投稿数: 9

う〜ん・・・
とりあえずテストでと思い、「既存のページ1」をbaseに指定して、「既存のページ2」のメージ名を「既存のページ1/既存のページ2」に変更してみましたが、「既存のページ1」でオートリンク先をポップアップしてくれません。
baseの注記に

'' means all pages

とあるので、baseを

''

としてみましたが、どのページでもポップアップしてくれません。
private内のiniファイルの読み込みに失敗しているのかと思い、
xoops_trust_pathの方にあるiniファイルに上記2つと同様の記載をそれぞれ書き加えて試してみましたが、やはりポップアップせず。
そもそもpagepopupプラグインが動いていないのかと、pagepopup自体を試すと、ちゃんとポップアップしてくれます。
う〜〜〜〜ん。
何が悪いんだろう・・・

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2015-12-19 22:18 | 最終変更
nao-pon  Webmaster 居住地: 愛知県  投稿数: 5780

オートリンクの優先順位かも。自分で実装して忘れてました :hammer:

オートリンクには優先順位(priority)があり、通常のオートリンクが 50、 同階層のオートリンクが 60 で外部オートリンクは 40 が規定値になっています。

先般の例ですと

1
2
3
4
5
6
7
8
9
$root->ext_autolinks[] = array(
    'priority' => 70 ,
    'url'   => '' ,            // '' means own wiki
    'base'  => 'keyword' ,    // base directory ('' means all pages)
    'len'   => 3 ,            // minimum length of link text
    'enc'   => 'EUC-JP' ,    // character encoding
    'cache' => 10,            // cache minutes (minimum: 10min)
    'popup' => 'true'
);

こんな感じです。

優先度は、数字が大きい方が優先されるので、60を超える値にしないと、場合によって上手くいかないことが出てきます。

詳しくは xpWiki開発日記​/2007-08-29#p649fb32 に書いてありますので参照してください。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2015-12-19 23:29
jpygma  常連になろうかな   投稿数: 9

できました!
うわ〜〜〜
とっても嬉しいです!
ありがとうございます!!
ほんとうに助かりました。
ありがとうございました!!

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2015-12-20 16:35
jpygma  常連になろうかな   投稿数: 9

トピック違いになってしまいそうですが、問題が生じてしまったのでこちらに書き込みます。
ポップアップ自体は大変うまく行っています。感動的です。
が、なぜかxpwikiの入力欄の高さ(height)が半分ほどになってしまいました。
しかも、xpwikiを表示している間は、ログインブロックの入力欄まで狭くなっています。
D3フォーラムに移行すると、全ての入力欄が元に戻ります。
ということは、xpwikiで指定しているCSSの問題だと思ったのですが、
変更したのは、nao-ponさんに教えていただいたprivateフォルダ内のiniファイルのみ。
priorityもオートリンクについてしか変更してません。
さて、どこから手を付けたらいいのやら(´・ω・`)

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2015-12-20 19:16
jpygma  常連になろうかな   投稿数: 9

解決しましたのでご報告です。
途中、ポップアップしない原因を探るためにxoops_trust_pathの方にあるiniファイルを弄っていたことを思い出し、
デフォルトファイルに戻したところ、入力欄のheightが治りました。
結局、余計なことを何処かでしたせいだったようです。
お騒がせしました。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2015-12-20 20:50
nao-pon  Webmaster 居住地: 愛知県  投稿数: 5780

紆余曲折あったようですが、無事に解決してよかったです。 :thumb_up:

何かわからないことなどありましたら、またお気軽に聞いて下さい。 :-)

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2018-1-28 18:13
ISOガバ 

資料整理のため、XAMPPでローカルXOOPS Cube+XPwikiを稼働させています。
このスレッドを読んで、ナビゲーションポップアップを設定したところ、用語集に登録した定義・解説をポップアップ表示させながら資料を読むことができるようになり、使い勝手が大幅に向上しました。
大変ありがとうございました!
箇条書きの行頭番号の設定を、a)b)c)、1)2)3)、—(ダッシュ)などにできるようになると完璧!なので、これから勉強してみます。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2018-2-4 1:24
nao-pon  Webmaster 居住地: 愛知県  投稿数: 5780

ISOガバ さん、こんにちは。

有効活用していただいているようで、嬉しいです。 :shy:

箇条書きの行頭番号は CSS でコントロールできると思います。

簡単なサンプルですが参考になるでしょうか。

投票数:0 平均点:0.00
返信する

このトピックに投稿する

題名
ゲスト名
投稿本文

  条件検索へ

このカテゴリのトピック一覧
  1. X-elFinderが真っ白になってしまいます(7) Blue 2018-9-4 16:39
  2. X-elFinder 2.40 リリース(0) nao-pon 2018-8-29 16:04
  3. バナー表示がおかしい(1) rankingyu 2018-7-2 17:34
  4. picoでCKEditro4が表示されなくなった件について。(1) taroj 2018-5-23 3:57
  5. DB ERROR!と表示されます。(3) a_lucky 2018-5-9 8:30
  6. マークのリンク(1) rankingyu 2018-3-30 10:35
  7. X-elFinder 2.35 リリース(0) nao-pon 2018-3-28 10:55
  8. xupdateのエラー(更新不可)(8) heiji 2018-3-27 23:38
  9. マーク追加後。(2) rankingyu 2018-3-18 4:04
  10. X-elFinder 2.31 リリース(0) nao-pon 2018-3-15 17:57
このフォーラムのトピック一覧
このページのTopへ
ログイン
ユーザ名:

パスワード:

オートログイン

Basic 認証

新規登録 | パスワード紛失



メインメニュー
ブックマーク
オンサイトブックマークは
ログインするとご利用になれます
[ログインする]
サイト内 Wiki
☆ 検索 ☆



高度な検索(サイト内)
FireFox検索プラグイン
オンライン状況
合計 50 人がオンライン中 :-)
(フォーラム : 2 人)

登録ユーザ: 0 & ゲスト: 50

もっと...
サイト情報
管理人

nao-pon
 

登録ユーザ数: 4562


Web Services by Yahoo! JAPAN
楽天ウェブサービスセンター
Amazon.co.jpアソシエイト
現在ページのQRコード
現在ページのQRコード
[携帯対応]
参照元情報