学級日誌番外 (ホームページ作成ノウハウ集)
>>> 学級日誌番外トップ
10.JavaScriptによる文字列操作(サイト内検索機能の設置) (2007年3月21日)
- ◎環境
- ・Internet Explorer
- ◎解説
- 自サイトにサイト内検索機能を設置する際、独自ドメイン以外の
http://ドメイン名/アカウント名/
形式の様に末尾がアカウントになっている場合は、アカウントを検索対象に指定出来ない場合がある。
(Yahoo のドメイン内検索を利用する場合など)
この場合は、JavaScriptを利用して検索キーワードにアカウント名を追加すればサイト内検索が可能になる。
| (1)検索窓の設置 |
| Yahoo, Google などが提供しているドメイン内検索用の検索窓を設置する。 |
| (2)検索キーワード入力用テキストボックスのオブジェクト名を調べる |
| input type="text" の name属性(name="この部分")を調べる |
| (3)キーワード追加(文字列操作)用の JavaScript作成 |
function JavaScriptプログラム名 {
オブジェクト名.value = オブジェクト名.value.replace(/アカウント名/g,''); ・・・A
オブジェクト名.value = "アカウント名 " + オブジェクト名.value; ・・・B
return true;
}
解説: Bで検索窓に入力したキーワードの前に「アカウント名+半角スペース」を追加している。繰り返し検索することを想定して、既にアカウント名が追加されている場合には、Aで Null に変換している。 |
| (4)FORM タグから(3)の JavaScriptを呼び出す |
<form 各種属性 onsubmit="return JavaScriptプログラム名">
|
Webデザインの世界は技術の進歩が早く、取り残されないように勉強がかかせません。ネットで最新情報を検索するのも良いですが、自分のペースでじっくり学ぶには昔ながらの書籍もお勧めです。