JavaScriptを使った検索
原案：平井 公大 氏 （2000/09/16 登録）
FHPGの掲示板から、あなたが知りたい話題に一番ふさわしい掲示板へのリンクを別ウインドウに表示します。
表示サンプル
ソース記述内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>JavaScriptを使った検索</title>
<script type="text/javascript">
<!--
var max = 12;
var item = new Array(max);
var gocom = new Array(max);
item[0] = "フリートーク";
item[1] = "初心者向け ホームページ作成ソフト ブラウザ FTP 転送 フレーム FRAME テーブル TABLE";
item[2] = "アット・ホームページ メッセージボード サクサク作成君 アクセスカウンタ";
item[3] = "ホームページ作成ソフト 画像 音声 音楽 画像ソフト";
item[4] = "ジャバ JavaScript DHTML";
item[5] = "スタイルシート CSS DHTML";
item[6] = "自作CGI アクセスカウンタ";
item[7] = "自作CGI アクセスカウンタ";
item[8] = "デザイン アイコン GIFアニメ アニメGIF 画像 画像ソフト 音声 音楽 音楽ソフト";
item[9] = "ブラウザ フレーム FRAME テーブル TABLE デザイン";
item[10] = "DHTML XML サーバー";
item[11] = "オフライン オフミ フリートーク";
gocom[0]="<li><a href='http://forum.nifty.com/fhpg/bbs/001.htm' target='_blank'>ラウンジFHPG</a></li>";
gocom[1]="<li><a href='http://forum.nifty.com/fhpg/bbs/002.htm' target='_blank'>Web作成初心者なんでも質問コーナー</a></li>";
gocom[2]="<li><a href='http://forum.nifty.com/fhpg/bbs/004.htm' target='_blank'>サポート！@homepageサービス</a></li>";
gocom[3]="<li><a href='http://forum.nifty.com/fhpg/bbs/027.htm' target='_blank'>Macromedia製品</a></li>";
gocom[4]="<li><a href='http://forum.nifty.com/fhpg/bbs/007.htm' target='_blank'>JavaScript</a></li>";
gocom[5]="<li><a href='http://forum.nifty.com/fhpg/bbs/008.htm' target='_blank'>スタイルシート</a></li>";
gocom[6]="<li><a href='http://forum.nifty.com/fhpg/bbs/009.htm' target='_blank'>CGI設置</a></li>";
gocom[7]="<li><a href='http://forum.nifty.com/fhpg/bbs/010.htm' target='_blank'>サーバサイドスクリプティング</a></li>";
gocom[8]="<li><a href='http://forum.nifty.com/fhpg/bbs/028.htm' target='_blank'>画像・音声・動画</a></li>";
gocom[9]="<li><a href='http://forum.nifty.com/fhpg/bbs/014.htm' target='_blank'>WAI・ユーザビリティを考える</a></li>";
gocom[10]="<li><a href='http://forum.nifty.com/fhpg/bbs/015.htm' target='_blank'>Web関連技術全般</a></li>";
gocom[11]="<li><a href='http://forum.nifty.com/fhpg/bbs/018.htm' target='_blank'>パソコン家電派のお気楽ト〜ク</a></li>";
function seaForum(arg) {
arg=arg.toUpperCase();
var hits = false;
var listwin = window.open("","listw","width=300,height=200,scrollbars=1")
listwin.document.open("text/html");
listwin.document.write("<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>");
listwin.document.write("<html lang='ja'><head>");
listwin.document.write("<meta http-equiv='Content-Style-Type' content='text/css'>");
listwin.document.write("<link rel='stylesheet' href='http://forum.nifty.com/fhpg/common/fhpg_style.css' type='text/css'>");
listwin.document.write("<title>検索結果</title></head><body><div class='index'>");
listwin.document.write("<h1>検索結果</h1>");
listwin.document.write("<h3>おすすめ掲示板は...</h3>");
listwin.document.write("<ul>");
for (var i=0; i<max; i++) {
var str=item[i].toUpperCase();
if ( str.indexOf(arg) >= 0 ) {
listwin.document.write(gocom[i]);
hits = true;
}
}
if(!hits) listwin.document.write("<li>見つかりませんでした</li>");
listwin.document.write("</ul></div></body></html>");
listwin.document.close();
}
// -->
</script>
</head>
<body>
<div style="text-align:center">
<div style="text-align:left">
<p> テキストボックスに下の一覧から選んだキーワードを入れて、検索ボタンを押してみてください（半角英字の大文字小文字は区別しません）。</p>
<p>ブラウザ フレーム テーブル スタイルシート CSS 自作CGI ジャバ JavaScript
DHTML XML サーバー 初心者向け ホームページ作成ソフト FTP 転送 オフライン
オフミ フリートーク デザイン アイコン GIFアニメ アニメGIF 画像 音声
音楽 DHTML 画像ソフト 音楽ソフト アット・ホームページ メッセージボード
アクセスカウンタ サクサク作成君</p>
</div>
<form>
<input type="text" name="keyword" size="20">
<input name="button" type="button" onClick="seaForum(this.form.keyword.value)" value="検索">
</form>
</div>
</body>
</html>
