マサのWeb玉手箱 >> プロフィール 気まぐれ日記 掲示板 更新

学級日誌番外 (ホームページ作成ノウハウ集)

>>> 学級日誌番外トップ

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プログラム名">
            

 

>>> マサがお勧めするJavascriptの本 (by Amazon.co.jp)