FD-BBS TIPS Vol.06 「リンクバナーを指定させる」

「投稿者の指定したロケーションにあるリンクバナーを表示させる」
スクリプト処理の仕方を掲載します。


以下のHTMLソースは、「発言デザイン」の部分にご使用下さい。
なお、$data{'url'}は「ヘッダデザイン」であなた自身が設定したデータ名を、
同様に$data{'banner'}は、バナー画像のURL欄に割り当てたデータ名を、
http://www.xxxxxx.xx.jp/xxxx/blank.gifはバナーの指定が無い場合の代替画像のファイル名を、
あなたの掲示板に合うようにそれぞれ記述して下さい。


<A HREF="$data{'url'}">
<SCRIPT LANGUAGE="JavaScript">
var image="<IMG SRC='$data{'banner'}' BORDER=0>"
if("$data{'banner'}"==""){image="<IMG SRC='http://www.xxxxxx.xx.jp/xxxx/blank.gif' BORDER=0>"}
if("$data{'url'}"==""){image=""}
document.write(image)
</SCRIPT>
</A>

▼ 1行目:
クォーテーションマークの競合を避けるため、
スクリプトを記述する前に事前にハイパーリンクを設定しておきます。
(この部分は将来改良できるかも知れません)

▼ 2行目:
<SCRIPT>タグです。

▼ 3行目:
ローカルな変数 image を導入します。
変数 image の値は、 $data{'banner'}で読み込まれる画像ファイルです。
(image でなくても構いません。分かり易い名前を付けてください)

▼ 4行目:
$data{'banner'} のデータが空白かどうかを判断し、処理を分岐させます。
もし空白ならば、変数 image の値を あらかじめ用意した画像ファイルに書き換えます。

▼ 5行目:
$data{'url'} のデータが空白かどうかを判断し、処理を分岐させます。
もし空白ならば、変数 image の値を さらに空白に書き換えます。

▼ 6行目:
変数 image の値を出力します。

▼ 7行目・8行目:
<SCRIPT>タグ・ハイパーリンクを閉じます。


←戻ル。