いうクラス・メソッドのご紹介です。これは生成部分の外で記述されています。Suggestキーワードがクリックされたときに呼び出される関数です。書いたプログラムだと言えるレベルになってきたのではないかと...。jp.rincoJavaScriptにはJavaのようなネームスペース(名前空間)が無いので不便だな、とか考えていた自分は甘かったです。先人たちは適切なグローバルオブジェクトを作成し、代用している様子。いうオブジェクトを作成し、関数などを保持するようにしました。jsファイルの先頭に、以下のような定義文を追加します。{};}以前は以下のように関数を定義していました。...}今後は、以下のように関数を定義するようにします。...}過去のコードや記事も順次、修正していきたいと考えています。この検索ボックスですが、ちょっと仕掛がしてあります。キーワードを入れると、↓のように候補が下に表示されるようになっています。キーワードをクリックすると、自動入力されます。入力してみてください。ブラウザにも似た機能がありますが、こちらはAjaxで実装されています。使用する時も有効なこと、表示されるキーワードはサイト管理者が設定したものであること、あたりがメリットでしょうか。中身はあまりJavaScriptっぽくないコードで、書き直している最中なのですが、、、とりあえず動いているバージョンを、バックアップも兼ねて貼っておきます。公開しました実際の検索ボックスですが、まずは以下のようなscriptが貼ってあります。Suggest機能とは関係なく、単に検索実行用の関数です。Site:オプションをつけてキーワード検索する単純なものです。表示用の補助関数です。Suggestされるキーワードの上にマウスがある場合、キーワードを赤色にするためのhtml出力を定義しています。Suggestされるキーワード文字列の配列になります。これらの事前定義に続き、以下のhtmlが貼られています。指定されていること、ヘルプ表示用のdivエリアが非表示で用意されていること、の二点がポイントでしょうか。利用されている関数ですが、メイン部分は以下のようになっています。最初のvarがとても恥ずかしいデスネ。以前にご紹介したもので、文字列の最後の1単語を得る関数です。以下の補助的な関数を使用します。キーワードリストのhtmlを作成する関数です。その生成されたhtmlに埋め込まれ、キーワードをクリックしたときに呼び出されます。今回はベタに検索ボックスに使用してみましたが、いろいろ活用方法はあるとおもいます。製品名を入力する欄で、代表的な製品をSuggestしてみるとか。最後のwordを得る関数もうひとつ、紹介し忘れていた関数がありました。文字列を単語(word)単位で分割し、その最後のwordを返す関数です。いう正規表現(RegExp)が少し複雑かもしれません。split()の事前処理として、タブや改行や全角スペースも半角スペースに変換しています。正規表現について簡単に説明します。いう感じになるでしょうか。複数連続したスペースが含まれる場合があります。