0

フェイスボックスを使用して連絡フォームを表示していますが、ユーザーが送信を選択したときに、この例ではaction="contact_send.php"を呼び出してフェイスボックスでも開くアクションが必要です。現在、rel属性をfaceboxとして宣言することで、faceboxへのリンクを簡単に開くことができます。

<a href="contact.html" rel="facebox">Contact</a>

これにより、contact.htmlがフェイスボックスウィンドウで開きますが、このフォームのアクションをライトボックスでも開くようにしたいのですが、役立つ提案はありますか？

よろしくお願いします-Ashutosh

4

1 に答える 1

0

あなたのHTMLフォーム

<form id="contactfrm" method="post" onsubmit="return false;">
 ....your form elements
 <input type="submit" onclick="submitContact();" />
</form>

編集 ：

あなたのスクリプト

次に、jqueryを使用してフォームを送信します

<script type="text/javascript">
function submitContact() {

    $.facebox(function() {

        $.ajax({
            data: { 'name' : $('#name').val(), 'message' : $('#message').val() },  //Make sure to change these values that reflects yours.
            error: function() {
                $.facebox('There was error sending your message.');
            },
            success: function(data) {
                $.facebox(data); // the data returned by contact_send.php
            },
            type: 'post',
            url: 'contact_send.php'
        });

    });

}
</script>

ページの[送信]ボタンをクリックすると、このコードはフェイスボックスを開き、contact_send.phpページに送信した変数を処理し、そのページからの出力をフェイスボックスに返します。

于 2012-09-06T05:50:32.443 に答える