После отправки формы отобразите всплывающее успешное сообщение с помощью плагина jquery fancybox

Question

После отправки формы отобразите всплывающее успешное сообщение с помощью плагина jquery fancybox

0

После успешной проверки формы я хочу отобразить всплывающее сообщение с использованием плагина fancybox.

Вот мой php-код -

<?php 

if(isset($_POST['cfsubmit'])){  

//if no erros, echo the results 
if(!$errorExists){
    echo "<div id='c_confirm'><p><span class='check_mark'></span>Thank you for contacting With us. One of our customer service representatives will get back to you within 24 hours.</p></div>";
            $emailTo = "[email protected]";
    if (!isset($emailTo) || ($emailTo == '') ){
        $emailTo = get_option('admin_email');
    }

    $subject = 'Contact Form from '.$fname;
    $body = "First Name: $fname \n\nLast Name: $lname \n\nCheck In date: $check_in_date \n\nCheck Out date: $check_out_date \n\nApartment type: $apart_type \n\nPhone: $phone \n\nEmail: $email \n\nComments: $comments";
    $headers = 'From: '.$fname.' <'.$email.'>' . "\r\n" . 'Reply-To: ' . $email . "\r\n";
           wp_mail($emailTo, $subject, $body, $headers);


}else{
    echo "<h3>Error!</h3>".$errors;
}

}?>

Я хочу отобразить это сообщение во всплывающем окне. Использование jQuery fancybox плагина.

<div id='c_confirm'><p><span class='check_mark'></span>Thank you for contacting With us. One of our customer service representatives will get back to you within 24 hours.</p></div>

hocpana 11 май 2014, в 07:44

Источник

Теги:

php

jquery

forms

popup

fancybox

1 ответ

Ещё вопросы

JFK · Answer 1 · 2014-05-11T03-45-00.000Z

Предполагая, что вы правильно загрузили jQuery и fancybox js и css файлы, вы могли бы:

if(!$errorExists){
    $fancymessage = "<div id='c_confirm'><p><span class='check_mark'></span>Thank you for contacting With us. One of our customer service representatives will get back to you within 24 hours.</p></div>";
    ?>
    <script>
    jQuery(document).ready(function($){
        $.fancybox("<?php echo $fancymessage; ?>");
    });
    </script>
    <?php 
    $emailTo = "[email protected]";
    if (!isset($emailTo) || ($emailTo == '') ){
        $emailTo = get_option('admin_email');
    }
    ... etc.

JSFIDDLE

@hocpana Вы должны принять ответ, если он работает на вас. Таким образом, мы знаем, что ваша проблема решена.