Amazon 商品へのリンクに ThickBox を使用

Posted by yoosee on Web at 2007-04-17 22:00 JST

1 Amazon 商品へのリンクを ThickBox のポップアップを使って表示

ハーマンミラーセラチェアグラファイト CJ133AACC AJ G1BB G1 G1 BK

Amazon のウェブサービスを使って商品ページを適当に作り、thickbox のリンク先としてそのページを指定するようにした。amazon へのリンクをクリックすると JavaScript が有効な環境では商品情報がポップアップとして出るはず。動作は IE6 と Firefox2.0 で確認した。noscript には今まで通りに画像 + アマゾンへのリンクを入れている。
画像はサンプル。リンク先を普通に表示するとこんな感じ。

2 ThickBox で HTML ページを呼び出す際の注意点

thickbox で html へポップアップリンクを張る際には class="thickbox" だけでなく、URI に ?width=xxx&height=yyy を入れる必要があるが、thickbox.js 内で query string が全て削除されてしまうようで、リンク先が CGI の場合にはパラメータが渡せなくてよろしくない (rewriteを使う手はあると思う)。回避策として thickbox.js に手を入れて query をそのままリンク先に渡すようにした。

( Permalink | Comments (0) | tags: amazon )

Comments

About W.W.Walker

World Wide Walker は yoosee による blog です。PDA, Web・サーバ技術, 美味しい食べ物などの話題を取り上げています... read more