CLEVER BBSの投稿フォームをデフォルトで非表示に変更

先日「ミニBBSを画像アップロード可能なCLEVER BBSに変更」
しましたが、機能が盛りだくさんなために、投稿フォームが大きく、かなりスクロールしないと本文が見えない状態でした。

そこで投稿フォームをデフォルトで非表示にし、右上の「Write」をクリックすることで、表示・非表示を切り替えるようにカスタマイズしました。
スクロールしなくても最新の書込みが見えるので、書込みがチェックしやすくなりました。

　

参考にさせていただいたのは、たつをの ChangeLogさまの「Show/Hide Detail」です。
手順は、以下の通り。

1.cleverskin.htmlをエディタで開きます。

2.headに以下の記述を追加します。

<script type="text/javascript">
<!--
function show_hide(id) {
if (! document.getElementById) return;
if (document.getElementById(id).style.display != "block")
document.getElementById(id).style.display = "block";
else
document.getElementById(id).style.display = "none";
}
// -->
</script>

3.コメント投稿フォームを以下のようにdivで括り、任意のidをつけます。

<div id="postform" style="display:none">
(コメント投稿フォーム)
</div>

4.コメントの表示・非表示を切り替えるリンクを、コメント投稿フォームの上部に追加します。
「show_hide」の引数は、手順3でつけたidと同一のものにします。

《<a href="javascript:show_hide('postform')">Write</a>》

5.cleverskin.htmlを保存し、上書きアップロードします。

レス画面には不要な機能だと思ったのでつけていませんが、同じ手順を踏めばresskin.htmlでも実現できるはずです。