Как закрыть полноэкранный iframe?

Question

У меня есть WordPress сайт, который загружает содержимое поста в один iframe с фиксированной позицией, шириной и высотой 100%. Это весь сайт ...

У меня есть кнопка ЗАКРЫТЬ; как сказать кнопке скрыть iframe и показать содержимое под ним?

P.S. Извините за мой английский.

Спасибо

<h2><a class="trick" rel="<?php the_permalink() ?>" href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

.

$(document).ready(function(){
  $.ajaxSetup({cache:false});
  $(".trick").click(function(){
    var post_link = $(this).attr("rel");
    $("#frame").attr("url", post_link);
    return false;
  });
});

Answer 1

Если вы хотите закрыть свой iframe с помощью кнопки в вашем iframe, вам понадобится что-то вроде этого:

<button onclick="parent.window.location.hash ='close'">close</button>

Это изменит ссылку в вашем URL. Например: yourwebiste.com/yourpage.php#close
Затем вам нужно проверить, когда эта ссылка вызывается с чем-то вроде этого (в родительском файле):

    var close_iframe = false;

setInterval(function(){

    if(!close_iframe){

        hash_val = window.location.hash;

        if (hash_arr[0] == "#close"){

            $(#iframe_id).hide();
            close_iframe = true;

        }
    }

  }, 100);

Надеюсь, я был достаточно ясен, и это поможет вам, извините, это мой первый ответ, хе-хе.