あった例を解説していこう。Exampleまずオートコンプリートしたいテキストのリストを用意する。以下は連想配列の配列だが配列であれば何でも良いっぽい。},//...];上記リストから検索する際に文字列を加工して検索しやすくする部分っぽい。検索には正規表現を利用しているが、記号も検索対象とするためにアレコレやっている。このへんは検索対象のリストによっては不要だろう。自分が実装した際も正規表現は利用していない。regex.test(language.name));}サジェストの結果を選んだ際にテキストボックスに表示されるテキストを決める部分。suggestion.name;}サジェストの各要素を表示する部分。);}オートコンプリートのコンポーネントを呼び出す。以下はコメント欄に記述する。document.getElementById('app'));こんな感じだ。設定項目は多く見えるが一つ一つ意味を理解すればすんなり実装できると思う。ホテル検索サイトでの実装例ホテル検索サイトではサジェスト対象は都市名となるので、500以上ある全ての都市を予めロードしておくことは現実的ではない。データベースから検索を行っている。データベースへアクセスする以外の部分に関しては上記例と同様だ。どこの国の都市なのかをわかりやすくしている。アクセスしてサジェスト結果を取得している以外は殆ど例と同じだと思う。利用するとこんな感じで簡単にオートサジェスト可能なフォームを作成できる。サイトにパンくずリストを表示したくなったのでやってみた。いうエラーが出るようになった。使うのが良さそうだったのでやってみた。通りにやれば動くがメモ代わりに残しておく。簡単なチュートリアルをやってみた。利用するとどっちの環境なのかを確認できる。Rails...2015.06.08ProgramminggetPageScroll()lightboxっぽいのを自力でやろうとして、画像の表示位置の指定の仕方が分からなかったのでソースを見てみた。対応してくれたら楽なんだがなあ。コメントをキャンセルメールアドレスが公開されることはありません。コンピュータ・モバイルに関するお役立ち情報を書いてます。お問い合わせは以下のメールアドレスへお願いします。記事広告やレビュー依頼なども受け付けております。参考までに本ブログのPVは月17万-20万ほどです。Mobiler.タイトルとURLをコピーしました。