formの指定ページをthickboxで表示したい

質問

現在、HTMLを使用してホームページを作成しています。

ラジオボタンとフォームの組み合わせで決まったリンク先をthickboxで表示したいと思ってるのですが、うまくいきません。

現在のHTMLソースは、このようになっています

<script language="JavaScript">
function Link(btn) {

if(document.form1.q1[0].checked &&
document.form1.q2[0].checked &&
btn.name=='a')window.open("./answer1.html", "width=900,height=700");

if(document.form1.q1[0].checked &&
document.form1.q2[1].checked &&
btn.name=='a')window.open("./answer2.html", "width=900,height=700");

</script>

<form name="form1">

<p>
<h1>質問1</h1>
<input type="radio" name="q1" value=""> 0
<input type="radio" name="q1" value=""> 1
</p>

<p>
<h1>質問2</h1>
<input type="radio" name="q2" value=""> 0
<input type="radio" name="q2" value=""> 1
</p>

<p>
<input type="button" class="thickbox" name="a" title="　" value="　a　" onclick="Link(this)">
<input type="button" class="thickbox" name="b" title="　" value="　b　" onclick="Link(this)">
</p>

</form>

見づらいので多少簡易化してありますが、おおよそこのようなソースになっています。
今のソースだと、別窓でリンク先（answer1.htmlなど）が開いてしまい、
元々開いていたページには全く内容のないthickboxが表示されます。

ラジオボタンとフォームで指定したリンク先（answer1.htmlなど）をthickboxで開きたいのですが、
試行錯誤はしてみたもののどうしてもうまくいきません。

どのように直せば良いか、わかる方がいたら教えていただけないでしょうか？
よろしくお願い致します。

回答No.2

shockatz · ベストアンサー

そりゃjQueryよりiFrameのほうが簡単に決まってるわｗｗｗ
いちいち回答するほどの内容かよ。

（向き直って）質問者さんへ。

えー、
thickboxは作者が開発サポートを止めてしまっているので、もう使うべきではありません。
もう一方の人気プラグイン、fancyboxは商用利用が有償になったため、これも使いづらいし。。
残る定番となると、colorboxでしょうか。

これあたりを見てインストール
http://tototo.grats.jp/jquery_colorbox/

$(要素).colorbox({オプション});
で、colorboxは開きますが、こういうurl固定の使用は「決め打ち」の場合の使い方で、今回の場合は、

var targetUrl;
if(
document.form1.q1[0].checked &&
document.form1.q2[0].checked &&
btn.name=='a')
targetUrl = "./answer1.html";

// Called directly, without assignment to an element:
// ＝要素にアサインせず、直に呼び出しするお

$.colorbox({ href:targetUrl, 他オプション色々 });

これで一発かと。

お礼

反応が遅くなって申し訳ありません。締切ギリギリで修羅場でしたが、回答者No.2番様のおかげで何とかなりました。本当にありがとうございました。ベストアンサーとさせていただきます。

回答No.1

ORUKA1951

iframeを使用して、src値を書き換えましょう。
それが一番楽です。

補足

申し訳ありません、HTML初心者のためどう説明していいのかわからず、説明不足でした。

インラインフレームを使用する方法も考えたのですが、やはりオーバーレイ表示がしたいと思ったのでこの質問をさせていただきました。

thickboxでなくてはならないということはありませんが、オーバーレイ表示はしたいと思っています。