FD-BBS TIPS Vol.2 「フォントの色を選択式にする」

「投稿者が選択してフォントの色を変えることができる」
投稿フォームの作り方を掲載します。


以下のHTMLソースは、「ヘッダデザイン」の部分にご使用下さい。
なお、NAME="color"はあなた自身がデータ名を設定して下さい。
同じデータ名を「発言デザイン」の部分でもう1度記述することになります。


<INPUT TYPE="radio" NAME="color" VALUE="#FF0000" CHECKED><FONT COLOR="#FF0000">■</FONT>
<INPUT TYPE="radio" NAME="color" VALUE="#00FF00"><FONT COLOR="#00FF00">■</FONT>
<INPUT TYPE="radio" NAME="color" VALUE="#0000FF"><FONT COLOR="#0000FF">■</FONT>

INPUT TYPE="radio" は、ラジオボタンを示します。
ラジオボタンは、並んでいる選択肢の中から1つだけを選ぶものです。

NAME="color" は、データ名です。
(便宜上、color という名前を付けるものとします)

VALUE="#FF0000" は、色名です。
背景色に合った色をいくつか用意しましょう。
(3色で足りなければ、行数を増やすことで何色にでも増やせます。)

最後に<FONT COLOR="#FF0000">■</FONT> で、
投稿前にどんな色かを知るためのサンプルを作っておきましょう。
サンプルの色名は、VALUE="#FF0000" で指定した色名と合わせます。


「発言デザイン」の部分には次のように記述すると良いでしょう。
なお、$data{'color'}はあなた自身が設定したデータ名です。
「ヘッダデザイン」の部分で設定したのと同じデータ名を記述して下さい。

<FONT COLOR="$data{'color'}">$data{'text'}</FONT>

←戻ル。