人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

●質問者: adan
●カテゴリ:コンピュータ
✍キーワード:Amazon オーバ スクリプト マウス マウスオーバー
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● kimizu
●35ポイント

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(””);

◎質問者からの返答

ありがとうございます。

やってみます。


2 ● fk_sub
●15ポイント

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

Amazon最速検索β

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

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

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

◎質問者からの返答

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

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ