open colorbox from php

Question

私のPHPセクションに問題があります。

私は登録フォーム.phpを持っており、iframeカラーボックスに投稿した後に というメッセージが返信されます。 私はこれまでに 登録フォーム.phpに含まれていた別個の応答.phpを持っています。今までは インクルードレスポンス.phpの表に表示されます。それほどいいとは思えませんので、私は をカラーボックスで開きます。

私はそのビジネスで新しく、長い間回答を探しましたが、 は成功しません。

だから私を助けてくれる人がいます。私の考えは、 URLを返信用の.phpで、返信用の.phpではなく、 のように返信することでした。次に私が考えたのは、 -class iframeのリンクをURLのように追加することでした.HTML本体のように、私は の利用規約にcolorboxを使用しています。

助けることができる人がいれば本当に感謝します。ありがとう。

Answer 1

まあ...あなたはクライアントとセバーサイドアクションを混乱させる。 colorboxは、サーバーではなくクライアント上で動作するものであることに注意してください。したがって、ページの動作を変更する必要があります。

フォームが送信されたバージョン1は、文書のロードが終了したら、カラーボックスを開きます出力JavaScriptコードにご回答のPHPファイルを使用します。このような何か：

<?php if (isset($_POST['submitted'])): ?> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     // open your colorbox here 
    }); 
</script> 
<?php endif; ?> 

バージョン2

は、AJAXのソリューションによって、あなたの標準フォームを交換してください。送信ボタンがクリックされたら、jQueryを使用してrespone PHPファイルへのAJAXリクエストを行います。こうすることで、リクエストが処理されている間にカラーボックスを表示することができます。完了したら、カラーボックスを非表示にしたり、別のものを表示したりできます。

あなたはSOまたはjQueryのドキュメントのいずれかで、ここでjQueryを使ってAJAXリクエストを行う方法についての負荷を見つけることができます：http://api.jquery.com/jQuery.post/

バージョン3

醜いソリューションにJavaScriptを使用することですiframeを含むカラーボックスを開き、<form>タグのtarget="iframename "を使ってこのiframeにフォームを送信してください。これはおそらくあなたがしたいことに最も近い解決策ですが、すべての可能性の中で最も醜いものです。 ）

Answer 2

は、あなたは私の質問に答えるために、

$("#myForm").submit(function(){ 
var formData = $(this).serializeArray(); 
$.ajax({ 
       'type':'post', 
       'data':formData , 
       'url':'action-page-url.php', 
       'cache':false, 
       'success':function(r){ 
          $("body").append("<div id='response'></div>"); 
          $("#response").hide().html(r).colorbox(); 
          } 
     }); 
return false; // To override non-ajax submitting 
}); 

Answer 3

大丈夫..

おかげでAJAXを使用してフォームを送信し、AJAX呼び出しページに表示され、同じページ上のカラーボックスでそのメッセージを表示するメッセージを書き込むことができます。

私はほぼ同じ問題を抱えていた誰かからAjaxのソリューションのためのコードが見つかりました：

$("#link").colorbox({ inline:true, href: "#msg"}); 
$('input[type="submit"]').click(function(){ 
    $.ajax({ 
     type: "POST", 
     url: "form.php", 
     data: $('intpu[type="text"]').serialize(), 
     success: function(data){ 
      $("#msg").html(data); 
      $("#link").click(); 
      return false; 
     } 
    }); 
    return false; 
}); 

とhtmlコード

<form name="exam" method="post"> 
     <input size="60" type="text" name="quote" /> 
     <input type="submit"> 
</form> 
<a id="link" style="display:none"></a> 
<div id="msg" style="display:none;"></div> 

私はそれを実装するための最良の方法はないと思います応答メッセージ。ページのソースコードを見ている人は誰でも応答メッセージを読むことができます。私は最初のバージョンのようなPHPのバージョンを隠してサーバーをpreferaしたいが、それdoesntの仕事。私は、Submitをクリックした後、カラーボックスを開くが、応答に統合されて#messageます

$.colorbox({iframe:true, href:"msgToUser.php" 

のようなセレクタせずにカラーボックスを開きますとき。 PHPファイルは表示されません。別の問題は、私がフォームを送信しようとしたときに、エントリがないためにエラーが発生するということです。カラーボックスも同様に開かれます。

ベルリン、ドイツからの最高の願い。