ポップアップについて

Question

ポップアップの出し方について質問したいことがあります。

bbb.htmlファイルの中にOKボタンがあり、それを押すとポップアップが表示されるようにしたいです。ポップアップで表示される画像はbbb.htmlで作っています。
window.open()だと新しいウィンドウに表示され、dialog()やalert()だと文字しか定義できないので他の方法を探しています。(bbb.htmlには文字と画像が存在しています。)
何かいい方法はありますか？
よろしくお願いします。

Answer 1

画像はbbb.htmlで作っています。

とあるので、Canvasだと想定しています。

通常はjQuery-UIだとかライブラリのダイアログを使うと思いますが、
ダイアログ自体をページ内で用意してそこに描画する形になると思います。

一例としてライブラリ無しで書いてみました。
http://jsbin.com/xakevajage/
ソース

確認ダイアログっぽいものを自前で用意(といっても絶対位置のdivを表示／非表示してるだけ)して、
CanvasからtoDataURL使って、そのダイアログ内のImgタグに画像を設定しています。

コードは適当なので、ダイアログはライブラリを使った方が良いと思います。
画像の転送だけ参考にしてください。