お世話になります。
イグトランスさん導入ありがとうございます。m(_ w _)m
そうですよね。
｛ＴＥＸＴ１｝［ここをクリックすると内容を表示します。］と、
｛ＴＥＸＴ１｝［ここをクリックすると非表示にします。］が、
前後はどちらか迷いますが、通常の表記方法ですよね。
イグトランスさんに示唆していただいたｐｈｐＢＢサイトの基本構造でもこの方式てす。
ｐｈｐＢＢサイト ＢＢコードのＳＰＯＩＬＥＲの記述マニュアルへジャンプ （戻るボタンで戻ってこれます。）
このｐｈｐＢＢサイトのコードを製表すると以下になります。 [ここをクリックすると内容が表示されます] [ここをクリックすると非表示にします]
コード: 全て選択
<div class="spoiler">
<div class="spoiler-header">
<button onclick="
var
a=parentNode.nextSibling.style,
b=firstChild.style,c=lastChild.style;
b.display=a.display;
a.display=c.display=(b.display)?
''
:
'none';
return!1
"
>
<span>
Show
</span>
<span style="display:none">
Hide
</span>
</button>
<span class="spoiler-title">
Spoiler: {TEXT1}
</span>
</div>
<div class="spoiler-content" style="display:none">
{TEXT2}
</div>
</div>
※早速、取り込みしました。
このコードをｏｍａｓｕ流にアレンジすると以下になります。 [ここをクリックすると内容が表示されます] [ここをクリックすると非表示にします]
コード: 全て選択
<div class="codebox">
<div>
<button onclick="
var
a=parentNode.nextSibling.style,
b=firstChild.style,
c=lastChild.style;
b.display=a.display;
a.display=c.display=(b.display)?
''
:
'none';
return!1
"
>
<span>
ここをクリックすると内容を表示します。 {TEXT1}
</span>
<span style="display:none">
ここをクリックすると非表示にします。 {TEXT1}
</span>
</button>
</div>
<div style="display:none">
{TEXT2}
</div>
</div>
※これにより、ＢＢｃｏｄｅ登録時のトークンエラーは発生しなくなりました。
ＢＢｃｏｄｅの作成領域はイグトランスさんに提起していただいた｛ＴＥＸＴ１？｝を使いました。
コード: 全て選択
[hide={TEXT1?}]{TEXT2}[/hide]
ヘルプライン領域は以下にしました。
コード: 全て選択
表示・非表示を切り替えます。[hide]本文[/hide] または [hide=説明文]本文[/hide]
入力があれば｛ＴＥＸＴ１｝を表示にするのは今後の課題とします。
※｛ＴＥＸＴ１｝がＮＵＬＬであれば｛ＴＥＸＴ１｝に”［ここをクリックすると内容を表示します。］”を代入できれば、
解決するのですが・・・
よろしくお願いします。
追伸２：参考ですが、［class="codebox"］についてｐｈｐＢＢ内部を調べてみました。
フォルダ名［phpBB3\styles\prosilver\theme］
ファイル名［colours.css］
このファイルの中に以下の記述がありました。 [ここをクリックすると内容が表示されます] [ここをクリックすると非表示にします]
コード: 全て選択
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EBEADD;
border-color:#DBDBCE;
}
blockquote blockquote {
/* Nested quotes */
background-color:#EFEED9;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #EBEADD;
}
/* Code block */
.codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
.codebox p {
border-bottom-color: #CCCCCC;
}
.codebox code {
color: #2E8B57;
}
コード: 全て選択
<div class="codebox">
を
<div style="background-color: #FFFFFF; border:1px solid #C9D2D8;">
にしても一応動作しました。※ボーダーが機能しないので記述を変更しました。
<div・・・>の行の前に<br>改行が欲しいな、とも思いました。
お世話になります。
イグトランスさん導入ありがとうございます。m(_ w _)m
そうですよね。
｛ＴＥＸＴ１｝［ここをクリックすると内容を表示します。］と、
｛ＴＥＸＴ１｝［ここをクリックすると非表示にします。］が、
前後はどちらか迷いますが、通常の表記方法ですよね。
イグトランスさんに示唆していただいたｐｈｐＢＢサイトの基本構造でもこの方式てす。
[url=https://s9etextformatter.readthedocs.io/Plugins/BBCodes/Add_from_the_repository/#spoiler]ｐｈｐＢＢサイト ＢＢコードのＳＰＯＩＬＥＲの記述マニュアルへジャンプ （戻るボタンで戻ってこれます。）[/url]
[hide= このｐｈｐＢＢサイトのコードを製表すると以下になります。]
[code]
<div class="spoiler">
<div class="spoiler-header">
<button onclick="
var
a=parentNode.nextSibling.style,
b=firstChild.style,c=lastChild.style;
b.display=a.display;
a.display=c.display=(b.display)?
''
:
'none';
return!1
"
>
<span>
Show
</span>
<span style="display:none">
Hide
</span>
</button>
<span class="spoiler-title">
Spoiler: {TEXT1}
</span>
</div>
<div class="spoiler-content" style="display:none">
{TEXT2}
</div>
</div>
[/code]
[/hide]
※早速、取り込みしました。
[hide= このコードをｏｍａｓｕ流にアレンジすると以下になります。]
[code]
<div class="codebox">
<div>
<button onclick="
var
a=parentNode.nextSibling.style,
b=firstChild.style,
c=lastChild.style;
b.display=a.display;
a.display=c.display=(b.display)?
''
:
'none';
return!1
"
>
<span>
ここをクリックすると内容を表示します。 {TEXT1}
</span>
<span style="display:none">
ここをクリックすると非表示にします。 {TEXT1}
</span>
</button>
</div>
<div style="display:none">
{TEXT2}
</div>
</div>
[/code]
[/hide]
※これにより、ＢＢｃｏｄｅ登録時のトークンエラーは発生しなくなりました。
ＢＢｃｏｄｅの作成領域はイグトランスさんに提起していただいた｛ＴＥＸＴ１？｝を使いました。
[code][hide={TEXT1?}]{TEXT2}[/hide][/code]
ヘルプライン領域は以下にしました。
[code]表示・非表示を切り替えます。[hide]本文[/hide] または [hide=説明文]本文[/hide][/code]
[color=#FF0000]追伸：｛ＴＥＸＴ１｝の入力がなければ［ここをクリックすると内容を表示します。］を表示して、
入力があれば｛ＴＥＸＴ１｝を表示にするのは今後の課題とします。
※｛ＴＥＸＴ１｝がＮＵＬＬであれば｛ＴＥＸＴ１｝に”［ここをクリックすると内容を表示します。］”を代入できれば、
解決するのですが・・・
[/color]
よろしくお願いします。
追伸２：参考ですが、［class="codebox"］についてｐｈｐＢＢ内部を調べてみました。
フォルダ名［phpBB3\styles\prosilver\theme］
ファイル名［colours.css］
[hide=このファイルの中に以下の記述がありました。]
[code]
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #EBEADD;
border-color:#DBDBCE;
}
blockquote blockquote {
/* Nested quotes */
background-color:#EFEED9;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #EBEADD;
}
/* Code block */
[color=#FF0000].codebox {
background-color: #FFFFFF;
border-color: #C9D2D8;
}
[/color]
.codebox p {
border-bottom-color: #CCCCCC;
}
.codebox code {
color: #2E8B57;
}
[/code]
[/hide]
[code]
<div class="codebox">
を
<div style="background-color: #FFFFFF;[color=#FF0000] border:1px solid #C9D2D8;[/color]">
にしても一応動作しました。[color=#FF0000]※ボーダーが機能しないので記述を変更しました。[/color]
<div・・・>の行の前に<br>改行が欲しいな、とも思いました。
[/code]