2010-12-12 18 views
0

私はColorBoxを使って私のサイトにモーダルウィンドウを立ち上げています。モーダルでは、SurveyMonkeyサーベイがロードされます。アンケートの終わりに、人々の回答に応じて、クリックのリンクが表示されます。クリックすると、モーダルを閉じてメインページのモーダルの下に新しいページをロードする必要があります。モーダルのリンクをクリックするとその方法がありますか?モーダルを閉じて新しいURLをロードしますか?

ご協力いただきありがとうございます。

答えて

0
// put it in the base document 
    $(document).bind('cbox_closed', function(){ 
      // navigate to new URI in a prefered way 
    }); 


// a little different way to achieve same result 
$(".example9").colorbox(
{ 
    onClosed:function() 
    { 
     // navigate to new URI in a prefered way 
    } 
}); 

追加の例。

HTML:

<a id="base" href="#">Show colorbox</a> 
<div style='display: none'> 
     <div id='divModal' style='padding: 10px; background: #fff; border: 1px solid red; z-index=100;'>This is test 
      <a id="google" href="#">google.com</a> 
     </div> 
    </div> 

はJavaScript:

$('a#base').colorbox({inline: false, href:'#divModal', width: "150px", height: "100px"}); 

$('a#google').click(
    function() 
    { 
     $.colorbox.close(); 
     window.location = 'google.com'; 
    } 
) 
+0

ごめんなさい。あなたは詳細を教えていただけますか?そのコードはColorboxのjsファイルにありますか?私はJavascriptに堪能ではないので、もっと明確にすることができれば、本当に役に立ちます。私はこの仕組みがどういうものか分かりません。ありがとうございました!!! –

+0

ColorBoxウィンドウを起動する親htmlファイルで使用します。また、例では少しだけ異なる構文を見つけることができます:http://colorpowered.com/colorbox/core/example1/index.html。 「アラートの例」リンクは、必要なものを正確に実行します。ソースでは、ColorBoxを閉じるときに警告を表示するコードを表示できます。上記のコードサンプルを変更して、もう一度onCloseイベントを呼び出す方法を示しました。 – Lex

+0

まだ動作しません。私はこれを理解できません。私のテストサイトを試してください。調査を終了するには、調査で3つの質問に回答する必要があります。質問#1 - いいえ、質問#2、何かを選択、質問#3 - いいえ。次に、例としてGoogleへのリンクが表示されます。 Googleのリンクをクリックすると、モーダルの下の親ブラウザウィンドウでGoogleを閉じて起動する必要があります。 http://www.careersinmusic.com/music-career-finder-launch.aspx私はこれを私のために働かせるために誰かに現金をPaypalにも喜んでいる。 –

関連する問題