JavaScriptで検索
多分誰でもすぐに出来る事なんだろなーと思いつつ。
データはこんな感じ。
var pages = new Array(3); pages[0] = new Array(3); pages[1] = new Array(3); pages[2] = new Array(3); pages[0][0] = 'コンピュータOSCPUブラウザインターネットエクスプローラ'; // 検索対象文字列 pages[0][1] = 'ブラウザについて'; // hrefで使用するタイトル pages[0][2] = 'pc.html'; // リンク先ファイル名 pages[1][0] = 'ヤフーYahooグーグルGoogleアルタビスタAltavista'; pages[1][1] = 'ウェブページについて'; pages[1][2] = 'web.html'; pages[2][0] = 'ブラウザIE朝日新聞読売新聞'; pages[2][1] = '情報について'; pages[2][2] = 'info.html';
んで、検索ページは
<html><head> <script language="JavaScript" charset="utf-8" src="./data.js"></script> <!-- 上記データファイル --> <script type="text/javascript"> <!-- function search(searchStr) { outdiv.innerHTML = ''; // 検索結果のクリア for (key in pages) { // 配列について if (pages[key][0].match(searchStr)) { // マッチをかける // マッチした場合、リンクを作成し、表示する。 outdiv.innerHTML += '<a href=' + pages[key][2] + '>'+ pages[key][1] + '</a><br>'; } } } --> </script> </head> <body> <form name="subject"> 検索文字列:<input type="text" name="subject"> <input type="button" onClick="search(subject.value);" value="検索"> </form> <div id="outdiv"> </div> </body></html>
こんな感じで作ると、JavaScriptだけでファイルの検索っぽい動作が出来る気がする。
データファイルを作るのが大変だけど。