Создание всплывающего окна без полосы прокрутки или панели инструментов - PullRequest
2 голосов
/ 16 февраля 2012

Как мне воспроизвести простое окно, которое появляется в Интернет-магазине Chrome, где вы нажимаете Добавить в Chrome при загрузке приложения?

В окне / всплывающем окне нет панели инструментов, полосы прокрутки и толькоесть кнопка, чтобы закрыть его в дальнем правом углу, нет кнопки, чтобы свернуть.

1 Ответ

2 голосов
/ 16 февраля 2012

Я считаю, что всплывающее окно в Интернет-магазине Chrome - это не сгенерированный HTML или JavaScript, а оконный компонент самого браузера Chrome.

Однако вы можете использовать CSS и JavaScript для создания чего-то вроде следующего:

<html>
  <head>
    <script type="text/javascript">
      function popup() {
        var disp = document.getElementById('floatingDiv').style.display;
        if(disp == 'block') disp = 'none';
        else disp = 'block';
        document.getElementById('floatingDiv').style.display = disp;
      }
    </script>
    <style type="text/css">
      #floatingDiv {
        display: none;
        position: absolute;
        top: 100px;
        left: 100px;
       }
    </style>
  </head>

  <body>
    <a href="javascript:popup()">Hello World!</a>
    <div id="floatingDiv" style="background: #dddddd; width: 320px; height: 240px;">
      I am a floating div!
    </div>
  </body>
</html>

Конечно, у вас есть полный контроль над отображением плавающего div.

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