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

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

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

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

インデントがガタガタになっちゃうけど、許して。。。（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(””);

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

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

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