下のURLに公開されているAmazon最速検索を改造し、マウスオーバーで右側に表示される本の詳細情報を、左側の検索結果の一覧に入れる方法(スクリプトのどこを、どのように変更するとそうなるか)を教えていただけないでしょうか。つまり、最初から(マウスオーバしなくても)検索結果の中に詳細情報が表示されるようにする方法を教えてください。


http://la.ma.la/blog/diary_200506201834.htm

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/01/31 10:05:21
  • 終了:--

回答(2件)

id:kimizu No.1

kimizu回答回数726ベストアンサー獲得回数212006/01/31 10:39:08

ポイント35pt

http://la.ma.la/misc/aws/demo.html

Amazon最速検索 β以前

長くなりますが、とりあえず、表示部分のみ変えてみた。


後は、マウスオーバの時に表示される用の

右側のウィンドウを取ればOK。


インデントがガタガタになっちゃうけど、許して。。。(TT

ソース表示すれば、ちゃんと見えると思う。


// 画像表示のループ部分

var items = AWS3[query].items;

for(var i=0;i<items.length-1;i++){

var c = items[i];

ASIN[c.asin] = c;

buf.push(

”<a href=’http://www.amazon.co.jp/exec/obidos/ASIN/

,c.asin,”/ref=nosim/”,asid

,”’ target=’_new’”

,” onmouseover=’showinfo(¥””,c.asin,”¥”)’”

,” onfocus=’showinfo(¥””,c.asin,”¥”)’”

,”>”

,”<img src=’http://images-jp.amazon.com/images/P/

, c.asin

//, ”.09.LZZZZZZZ.jpg’”,

, ”.09.MZZZZZZZ.jpg’”,

//, ”.09.THUMBZZZ.jpg’”,

’ onload=”replaceImage(this)”’ ,”>”

,”</a>”

);

}

buf.push(”</div>”)

d.innerHTML = buf.join(””);


// 詳細を表示する部分

function showinfo(asin){

var buf = [];

var c = ASIN[asin];

buf.push(

”<div class=’detail’>”

,”<h2>”,c.title,”</h2>”

,”<a href=’http://www.amazon.co.jp/exec/obidos/ASIN/

,c.asin,”/ref=nosim/”,asid

,”’ target=’_new’”

,”>”

,”<img src=’http://images-jp.amazon.com/images/P/

, c.asin

, ”.09.MZZZZZZZ.jpg’”,

’ onload=”replaceImage(this)”’ ,”>”

,”</a>”

,f_detail(c)

,(c.rate?

[

”<img src=’http://g-images.amazon.com/images/G/01/detail/stars-

,f_rate(c.rate)

,”.gif’ title=”,

,c.rate

,”>”

].join(””)

:””)

,”</div>”

)

gid(”detail”).innerHTML = buf.join(””);

}


// 改造部分。これ以降を差し替え。


// 重複なので、上に移動

buf.push(”</div>”)

var items = AWS3[query].items;

for(var i=0;i<items.length-1;i++){

var c = items[i];

ASIN[c.asin] = c;

buf.push(

”<div class=’detail’>”

,”<h2>”,c.title,”</h2>”

,”<a href=’http://www.amazon.co.jp/exec/obidos/ASIN/

,c.asin,”/ref=nosim/”,asid

,”’ target=’_new’”

,”>”

,”<img src=’http://images-jp.amazon.com/images/P/

, c.asin

, ”.09.MZZZZZZZ.jpg’”,

’ onload=”replaceImage(this)”’ ,”>”

,”</a>”

,f_detail(c)

,(c.rate?

[

”<img src=’http://g-images.amazon.com/images/G/01/detail/stars-

,f_rate(c.rate)

,”.gif’ title=”,

,c.rate

,”>”

].join(””)

:””)

,”</div>”

)

}

// 重複なので、上に移動

//buf.push(”</div>”)

d.innerHTML = buf.join(””);

id:adan

ありがとうございます。

やってみます。

2006/01/31 12:26:27
id:fk_sub No.2

fk_sub回答回数1ベストアンサー獲得回数02006/01/31 12:04:41

ポイント15pt

検索結果にimgタグのマウスオーバー処理を出力しているので、

showinfo関数を検索ボタン押下後に走らせるのでは。

すでにバージョンあがってますね。

id:adan

ありがとうございます。-> fk_subさん

申し訳ございません。-> 回答しようとされている方とfk2000さん。

ほんとは、β版の改造方法が知りたかったのですが、間違って、ベータ以前版のリンクを質問に付けてしまいました。それで、昨日、このコメント欄を使って、kimizuさんの回答のβ版バージョンをどなたかお願いしますと書いたのですが、回答

がなかったので、β版とベータ以前版を自分で比べてみたら、だいぶ違うことがわかりました。なので、やっぱり、昨日の仕様変更を取り消させていただいて、ベータ以前版の回答をもう少し待ちたいと思います。というのは、kimizuさんの回答を試してみたのですが、私の記述(コピペして差し替えた)がいけなかったのか、うまく動かなかった(検索しても何も表示されなかった)ので。

2006/02/01 10:34:00

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません