2012-05-11 4 views
1

JQueryКак скрыть элементы, если страница открывается во всплывающем окне

$('a.popup').click(function(){ 
    window.open(this.href, 'Page title', 'width=600, height=650'); 
    return false; 
}); 

HTML

<a class="popup" href="sample.html"> 

Я хочу, чтобы скрыть верхний и нижний колонтитулы, если моя sample.html страница открывается во всплывающем окне. Могу ли я добавить имя класса в <html> или <body> во всплывающее окно ?, поэтому я могу добавить правила CSS. Благодаря!

ответ

3

от sample.html в разделе <head> просто проверьте, существует ли window.opener, например.

<script> 
    if (window.opener) { 
     /* i'm a popup, add "popup" class to <html> element */ 
     document.documentElement.className += " popup"; 
    } 
</script> 

, то вы можете настроить свой собственный стиль CSS с помощью класса .popup, например

header { display: block; } 
.popup header { display: none; } 
Смежные вопросы