:仮作成 のバックアップの現在との差分(No.9)

お名前:


  • 追加された行はこの色です。
  • 削除された行はこの色です。
#author("2018-03-16T11:47:52+09:00","-","-")
#author("2018-03-16T12:09:08+09:00","-","-")
表記、そんな感じのものを作ったので、一応公開しておきます。~

*プラグイン概要 [#gd3f34df]
pukiwiki 本家ページにある、他の方が作った
「[[region プラグイン>https://pukiwiki.osdn.jp/?%E8%87%AA%E4%BD%9C%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3/region.inc.php]]」
(region.php.inc、endregion.php.inc)をもとに改造・ひねり出したプラグインです。~
この既存プラグインが html的には table を利用して実現していたのに対して、本プラグインは div によって実現しています。~
正直見た目対応です:table はいろいろとレイアウト問題がありますので。

pukiwiki Ver.1.4x系/1.5 系対応。~
マルチライン引数には対応はしていません。

//''重要''~
//添付されていたソフトウェアが、テスト中の未完成バージョンでした・・・2017/03/18 妥当な版に添付しなおしました(ヘッダにv 1.0 2016.Jul とあるのが妥当なバージョンです)。~
//大変ご迷惑をおかけしました。

*インストール方法 [#ea36a033]
+本ページに添付されている下記ファイルをダウンロードし、pukiwiki の pluginフォルダにおいてください。
--[[divregion.php.inc_1.1>http://tomose.dynalias.net/junk/index.php?plugin=attach&pcmd=open&file=divregion.inc.php&refer=pukiwiki%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3%2Fdivregion_1.1]]
--[[divregion.php.inc_1.1>http://tomose.dynalias.net/junk/index.php?plugin=attach&pcmd=open&file=divregion.inc.php&refer=pukiwiki%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3%2Fdivregion_1.1]]→「divregion.php.inc」で保存
--[[enddivregion.inc.php>http://tomose.dynalias.net/junk/index.php?plugin=attach&pcmd=open&file=enddivregion.inc.php&refer=pukiwiki%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3%2Fdivregion]]
+使用しているスキンの cssファイルを編集し、以下のクラスを定義してください。
--div.divregion 標準でのヘッダ行
--div.divregion_contents 標準での本文部分
--div.divregion_h1  h1指定時のヘッダ行
--div.divregion_h2  h2指定時のヘッダ行
---参考までに、本Wikiで使用している css記述は以下です。~
#divregion(CSS例)
 div.divregion{
 	background-color:#FF00000;
 	color:gray;
 	border:gray 1px solid;
 }
 div.divregion_contents{
 	border-bottom: solid 1px #666e99;
 }
 div.divregion_h1{
 	color:white;
 	background-color:#666e99;
 	padding:1px 4px;
 }
 div.divregion_h2{
 	border-bottom: solid 1px #666e99;
 	border-left: solid 10px #666e99;
 }
#enddivregion
+望むならば、さらに別タイプのスタイル指定を登録してもよいです。~
下記のようにxx、yy部分に任意名称(英数字のみ)を付けることで、そのカスタムスタイルを使用できます。
--div.divregion_contents_xx 本文用のカスタムスタイル
---これは後述の「cstyle:xx」パラメータ指定で利用できます。
--div.divregion_yy  ヘッダ用のカスタムスタイル
---これは後述の「hstyle:yy」パラメータ指定で利用できます。


*使い方 [#pececf91]
regionプラグイン同様に、divregion と enddivregion とで本文を挟み込むように記載します。

 #divregion(タイトル)
 本文
 #enddivregion

上記記載により、以下のような表示となります。「タイトル」部分をクリックすることで、折り畳みが開閉されます。

#divregion(タイトル)
本文
#enddivregion

**パラメータ [#d07da24c]
divregion には、以下のパラメータを使うことができます。

-open, close
--region プラグインにもあったもの。折り畳みの初期状態を指定することができます。~
省略は「close」と同じです。
-h1,h2~
--タイトル部分に、別スタイルを適用できます。~
--''注意'':このh1,h2 は今後廃止予定。次のhstyleを利用するようにしてください。~
「hstyle:h1」と書くと、「h1」指定と同じ意味になります。
-hstyle:xx
--タイトル行のスタイルを指定できます。~
指定されたxxを利用して「div.divregion_xx」のスタイルを適用します。~
--例~
 #divregion(タイトル,hstyle:h1)
 本文
 #enddivregion
#divregion(タイトル,hstyle:h1)
本文
#enddivregion
-cstyle:xx
--本文用のスタイルを指定できます。~
指定されたxxを利用して「div.divregion_contents_xx」のスタイルを適用します。~
-color:#xxxxx, background-color:#xxxxxx
--スタイルシート指定を無視して、タイトル部分の文字色/背景色を変更できる。
--xxxxxは16進(0-9,A-F)指定。「Red」などの文字指定はできない。
--例~
 #divregion(タイトル,color:#FF0000,background-color:#dddddd)
 本文
 #enddivregion
#divregion(タイトル,color:#FF0000,background-color:#dddddd)
本文
#enddivregion
-content-color:#xxxxx, content-bgcolor:#xxxxxx
--スタイルシート指定を無視して、本文部分の文字色/背景色を変更できる。
--xxxxxは16進(0-9,A-F)指定。「Red」などの文字指定はできない。
--例~
 #divregion(タイトル,content-color:#0000FF,content-bgcolor:#eeeeee)
 本文
 #enddivregion
#divregion(タイトル,content-color:#0000FF,content-bgcolor:#eeeeee)
本文
#enddivregion


*技術的な話。 [#a60b7cf5]

このプラグインは、単純にいうと以下のようなHTMLを構築するものです。

-divregion が生成するのは・・・~
 <div class=divregion_closed> 
 ▼タイトル ←閉じたときのタイトル行。
 </div>
 <div class=divregion_opened> 
 ▲タイトル ←開いたときのタイトル行
 </div>
 <div class=divregion_content> 
 本文 ←本文
-enddivregion が生成するのは・・・~
 </div>



開閉は JavaScript で実施。~
dicregion_closed がクリックされたら、 closed を非表示、opened と content を表示。~
dicregion_opened がクリックされたら、 closed を表示、opened と content を非表示。~




*コメント [#p7a8c88f]
ご意見などがあれば。
#comment2(below)

#divregion(ver1.0でのコメント)
-本件、いろいろ試しましたが、当方での再現性なし。~
メカニズム的にも操作しているCSSはこのプラグイン自体が参照するものだけで、フォントサイズに影響を与える操作もしておらず。~
原因不明、現状で長期Watchingという名の保留とします。
-とりあえずファイル受領しました。&br;さすがに平日は確認時間がとりづらいので、しばしお待ちを。 -- ともせ%管理人。 &new{2017-08-29 (火) 22:51:19};
- 連絡先はこちらにありますので、送ってくださってもかまいません。&br;[[ともせ%管理人。]] -- ともせ%管理人。 &new{2017-08-29 (火) 05:51:07};
-そうですね・・・実際に見てもらうのが一番いいんですが&br;&br;「MONSTER HUNTER: WORLD MAP攻略wiki」がページタイトルで検索で出るwikiの ?phpテストページで試験をしていて症状が出たんです&br;&br;どうしましょうか?メールなど発射できればCSSファイルもろもろ送れるんですけど -- neodymium &new{2017-08-29 (火) 05:19:55};
-情報ありがとうございます。&br;とりあえず、enddivregion のリンクは修正しました。&br;table・CSSについては、具体的にどんな wiki 記載になっているか教えていただけますか? -- ともせ%管理人。 &new{2017-08-28 (月) 19:59:32};
-何度もすみませんdivregionを記述すると同ページ内のtableに設定したフォント関係のCSSがキャンセルされるのですが&br;仕様でしょうか? -- neodymium &new{2017-08-28 (月) 04:30:24};
- 記事中のenddivregion.inc.phpのリンクが間違っているのかwikiトップに転送されます -- neoymium &new{2017-08-28 (月) 03:52:45};
-コメントテスト。&br;1.5環境に移動するにあたって、コメント入力が正常動作していませんでした。 -- ともせ%管理人。 &new{2017-03-18 (土) 00:13:10};
#enddivregion


お名前: