学級日誌番外 （ホームページ作成ノウハウ集）
>>> 学級日誌番外トップ
１０．JavaScriptによる文字列操作（サイト内検索機能の設置） （2007年3月21日）
- ◎環境
- ・Internet Explorer
- ◎解説
- 自サイトにサイト内検索機能を設置する際、独自ドメイン以外の
http://ドメイン名/アカウント名/
形式の様に末尾がアカウントになっている場合は、アカウントを検索対象に指定出来ない場合がある。
（Yahoo のドメイン内検索を利用する場合など）
この場合は、JavaScriptを利用して検索キーワードにアカウント名を追加すればサイト内検索が可能になる。
| （１）検索窓の設置 |
| Yahoo, Google などが提供しているドメイン内検索用の検索窓を設置する。 |
| （２）検索キーワード入力用テキストボックスのオブジェクト名を調べる |
| input type="text" の name属性（name="この部分"）を調べる |
| （３）キーワード追加（文字列操作）用の JavaScript作成 |
function JavaScriptプログラム名 {
オブジェクト名.value = オブジェクト名.value.replace(/アカウント名/g,''); ･･･Ａ
オブジェクト名.value = "アカウント名 " + オブジェクト名.value; ･･･Ｂ
return true;
}
解説： Ｂで検索窓に入力したキーワードの前に「アカウント名＋半角スペース」を追加している。繰り返し検索することを想定して、既にアカウント名が追加されている場合には、Ａで Null に変換している。 |
| （４）FORM タグから（３）の JavaScriptを呼び出す |
<form 各種属性 onsubmit="return JavaScriptプログラム名">
|
>>> マサがお勧めするJavascriptの本 （by Amazon.co.jp）
