WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:Googleサジェストのリスト

0:[投稿] DWRサジェスト [2006/04/24 17:00 ] [環境:IE6、FireFox わからない]

[Googleサジェスト]
http://www.google.co.jp/webhp?complete=1&hl=ja

検索条件を入力するテキストボックスに"あ"と入力すると、「"あ"という文字を用いたキーワードの一覧」が表示されます。
この一覧を実現しているHTMLタグを教えていただけないでしょうか?
java側からセットするHTMLのオブジェクトがわかりません・・・。


説明が分かり辛くて申し訳ないのですが、
よろしくおねがいします。


1:[関連] DWRサジェスト [2006/04/24 17:01 ]

DWR1.1を用いてサジェストを作ろうとしています。


2:[回答] m035 [2006/04/24 22:20 ][URL]

HTMLタグは普通のgoogleと大差ないです。
問題はJavaScriptのほうだと思います
サジェストのJavaScriptのソースはとても長く、読む気が起こりません。
外部JSファイルを少し流し読みし、実際に表示される一覧のタグも調査してみたところ、
divタグをJavaScriptで動的に生成してその中にキーワードを含むタグをまた生成していることはわかりました。
構造は下記のとおりです。

DIV+
  |
  +--DIV--SPANが2つ(ワードと過去の検索数がそれぞれのSPANに入っている)
  |
  +--DIV--(略:1つ目の構造が以下も同様に推測ワード分繰り返される)


3:[回答] DWRサジェスト [2006/04/25 08:37 ]

m035様

JavaScriptの内部でタグを作っているということでしょうか?
外部JSファイルまで気が回りませんでした。

divタグでリストボックスのようなオブジェクトを生成することができるんですね。勉強になります。

外部JSを眺めてみます。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]