Jquery скрывается IFRAME правильно, но не показывать его по щелчку

Question

Использование JQuery ниже:

<script> 
$(document).ready(function(){ $("#myiframe").hide(); }); 
$(document).ready(function(){ $("#submit").click(function(){ $("#myiframe").delay(1000).show(0); }); }); 
</script> 

Я могу успешно скрыть IFRAME, что говорится в «если» даже в PHP скрипт. Смотрите ниже:

<?php 
    $minAge = 22; 
    $minAge *= 3600*24*365.25; // $minAge in seconds 

    if(isset($_POST['submit'])){ 
     $birth_date = strtotime($_POST['dob']); 
     $now = strtotime("now"); 
     $age = $now - $birth_date; // age is in seconds 
?> 
    <iframe id = "myiframe" style='position: absolute; z-index: 10; height: 100%;' 
      src = "<?php echo ($age > $minAge ? 'http://URL1.com' : 'http://URL2.com'); ?>" 
      frameborder = "0" 
      width = "350px" 
    </iframe> 

Но при нажатии на кнопку, которая должна показать IFRAME, я хочу показать его с одной секундной задержкой (как показано в JQuery).

См кнопку реализован в виде здесь:

<form method="post" id="form"> 
     <p2>Please select your date of birth below to verify your age.</p2> 
     <input type="date" name="dob"> 
     <input type="submit" name="submit" value="Verify Age" id="submit" /> 
    </form> 

Полный код здесь: http://pastebin.com/EaafieB7

В основном то, что он должен сделать, это: скрыть IFrame по умолчанию, показать его с задержкой при это необходимо. И пока это только спрятано.

Если кто-нибудь может указать, где я ошибаюсь, я был бы признателен!

Answer 1

Ваш JQuery можно переписать в виде:

$(document).ready(function() { 
     $('#myiframe').hide(); 
     $('#form').submit(function() { 
      setTimeout(function() { $('#myiframe').show();}, 1000); 
     }); 
}); 

Поскольку вы отправляете форму, то целесообразно использовать обработчик события submit вместо click. Я не очень хорошо знаком с функцией jQuery delay, но setTimeout устанавливает задержку в указанное время и должен достичь того, что вы ищете. Надеюсь это поможет!

Answer 2

Хорошо, я вижу, что вы пытаетесь сделать сейчас, но это не сработает. Вы можете сделать два способа:

1. Выполняйте проверку верификации возраста в PHP и распечатайте iframe только в том случае, если проверка прошла успешно. Недостатком этого является то, что он перезагрузит страницу, поведение, которое вы, по-видимому, не хотите.
2. Сделайте проверку проверки возраста в Javascript, но вам нужно будет перехватить обработчик отправки формы, чтобы он не перезагружал страницу, через e.preventDefault().

Третий вариант заключается в использовании вызова AJAX, если вы действительно настаиваете на использовании PHP для проверки возраста, но это просто переусердствует.