Форум

Heidel · #1 (**permalink**) 09.08.2012, 15:24

прописаны скрипты

<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 · #2 (**permalink**) 09.08.2012, 15:39

а, ну надо было в скриптах прописать так

<script type="text/javascript">
$(function(){
        report();
      });

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

Deff · #3 (**permalink**) 09.08.2012, 15:48

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

Heidel · #4 (**permalink**) 09.08.2012, 15:54

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

Heidel · #5 (**permalink**) 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 · #6 (**permalink**) 09.08.2012, 20:00

Сообщение от Heidel

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

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

Форум

Справочник

Discord чат

Курсы javascript