Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   вывод размеров div'а при изменении окна браузера (https://javascript.ru/forum/jquery/30599-vyvod-razmerov-div%27-pri-izmenenii-okna-brauzera.html)

Heidel 09.08.2012 15:24

вывод размеров div'а при изменении окна браузера
 
прописаны скрипты
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
          $(document).ready(function report(){
               $('#display').html(
                    $('#testSubject').width()+'x'+$('#testSubject').height());
           })
        </script>

и в коде страницы
<body onresize="report();">
  <div id="testSubject">fhfgygh</div>
        <div id="display"></div>
</body>

размеры дива выводятся, но если изменить размер окна браузера, то новые размеры выведутся только при обновлении страницы.
как сделать так чтобы при изменении размеров выводимые значения изменялись автоматически?

Heidel 09.08.2012 15:39

а, ну надо было в скриптах прописать так
<script type="text/javascript">
$(function(){
        report();
      });

      function report() {
        $('#display').html(
          $('#testSubject').width()+'x'+$('#testSubject').height()
        );
      }
</script>

Deff 09.08.2012 15:48

Heidel,
каким макаром меняецо окно браузера ? если масштабированием - размеры остаются теми же - меняется зумм

Heidel 09.08.2012 15:54

Deff, не, вопрос же не про масштабирование был, а про изменение размеров окна

Heidel 09.08.2012 16:06

а каким образом можно прописать, чтобы выводились размеры именно что окна браузера?
если прописать
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function report(){
               $('#display2').html(
                    $('body').width()+'x'+$('body').height());
           });
        </script>

и в коде
<div id="display2"></div>

то будут выводиться размеры, занимаемые контентом.

Deff 09.08.2012 20:00

Цитата:

Сообщение от Heidel
Deff, не, вопрос же не про масштабирование был, а про изменение размеров окна

$(window).resize(function(){
  alert("Окно меняется");
});


Часовой пояс GMT +3, время: 06:28.