Question

양식 유효성 검사가 성공적으로 끝나면 fancybox 플러그인을 사용하여 팝업 성공 메시지를 표시하려고합니다. 나는 팝업 상자에서이 메시지를 표시 할

<?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 = "myemail@gmail.com"; 
    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; 
} 

}?> 

-

여기 내 PHP 코드입니다. 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> 

Answer 1

제대로 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 = "myemail@gmail.com"; 
    if (!isset($emailTo) || ($emailTo == '')){ 
     $emailTo = get_option('admin_email'); 
    } 
    ... etc. 

JSFIDDLE