Изменить высоту всплывающего окна - PullRequest
Новая
       1

Изменить высоту всплывающего окна

4 голосов
/ 18 декабря 2010

Когда я нажимаю на значок моего расширения, появляется всплывающее окно, но проблема, с которой я сталкиваюсь, заключается в том, что высота всплывающих окон слишком велика, поэтому она оказывается ниже моей панели задач.Можно ли в любом случае установить высоту всплывающего окна?

Я попытался объявить высоту и ширину в файле css тегом body.Но меняется только ширина окна.Я также пытался создать iframe, но всплывающее окно только становится пустым.

Ответы [ 3 ]

12 голосов
/ 29 декабря 2010

Добавьте следующее в начале всплывающей страницы, чтобы заменить <html>: 

<!DOCTYPE html>

Удачи!

5 голосов
/ 20 декабря 2010

Вы можете установить высоту и ширину вашего всплывающего окна, используя функцию window.resizeTo (PreredWidth, PreredHeight). Если вы хотите установить это внутри всплывающего окна, а не из родительского окна, чем self.resizeTo (PreredWidth, PreredHeight); сделает работу за вас.

Лучше предложить держать ваш контент внутри div, например, div с идентификатором 'content', чтобы вы могли использовать его для всплывающего окна. 

<head>
<script type="text/javascript">
function resizeMe()
{
    height = document.getElementById("content").offsetHeight;
    width  = document.getElementById("content").offsetWidth;
    self.resizeTo(width+20, height+100);
}
</script>
</head>

<body onload="resizeMe();">

Этого должно быть достаточно для решения вашей проблемы.

0 голосов
/ 26 декабря 2010

Попробуйте: 

<style type="text/css">
    body {
       max-height: 300px;
    }
</style>

or just,

<style type="text/css">
    body {
       height: 300px;
    }
</style>

В теге <head> вашего popup.html.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...