colorboxを使って親×子ウインドウの連携を図る場合に役立つtipsです。？本日は「colorboxのiframeにsubmitする」についてです。
こんにちは。猫ITソリューションズ広報の齊藤メイ（♀）です。本日は、「colorboxのiframeにsubmitする」についてです。
なお、この記事は以前の記事「JavaScriptでiframeにsubmitする」の派生になります。
colorboxとは？
colorboxはWebアプリケーションにおいてモーダルウインドウを簡単に作れるJQueryライブラリです。同種としてlightboxというもっとメジャーなライブラリもありますが、プログラマーとしての経験上はこちらの方が使い勝手が良いと思っています。
Colorbox - a jQuery lightbox
サンプル
今回はcolorboxをiframe、つまりページ内要素（＝inline）ではなく別ページを開くケースを前提としています。colorboxは開いたiframeのname属性値をランダムで生成しているので、その値を取得すればOKな訳です。サンプルではjQueryで取得しています。なお#cboxContentはcolorboxの仕様で固定値です。
|
1 2 3 4 |
document.form名.target = $("#cboxContent iframe").attr("name"); document.form名.method = "postかgetで希望するメソッド"; document.form名.action = "submit先のURL"; document.form名.submit(); |
お役に立てば幸いです。
