jQueryでポップアップ(モーダルウィンドウ)「prettyPopin.js」 - amuns:blogjQueryとprettyPopin.jsを配置し、以下のように宣言します。 Javascriptに以下のように書き開く動作を指定できます。(例です) 呼び出したいリンク先を指定します。(今回はPHPファイルにしました) (サンプルです)メール送信ポップアップウィンドウ サンプルのとおり、Submitボタンを押してもそのウィンドウで処理が進みます。 送信時のLoadingもおしゃれですね。 画像の大きさが決まっているので、更に大きくしたい場合や、色を変える場合には以下です。 ボタンを画像にしたりできます。 サンプルページ2 まずsamplebutton1.gifを作成します。(ボタン画像) 次に背景画像のpopinRight.gifを編集します。(prettyPopinに標準で入っている画像) 今回は50px×50px程度の画像にしました。 最後にprettyPopin.css
【シリーズ】 jQuery UI リファレンス 『jQuery UI - Dialogについて』｜totally-awesomeのブログ
