Applet resize on window resize. Изменение размера апплета вместе с окном

Автор: · Ваш отзыв 

Столкнулся с такой вот задачкой.
Нужно было, чтобы апплет был во все окно и при увеличении окна тоже увеличивался.
Вроди бы просто, если не учитывать особенности браузеров. Но благо есть jquery

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>Insert title here</title>
    <style type="text/css">
      body {
         font: 12px arial,verdana,sans-serif;
         padding:0px;
         margin:0px;
         background: #E7E7E7; 
      }
   </style>
   <script language="JavaScript" src="jquery-1.3.2.min.js"></script>
   <script>
      $(function(){
         resizeApplet();
      });
      $(window).resize(function() {
          resizeApplet();
      });
       function resizeApplet() {
          $("#MainJApplet").width($(document).width()-20);
          $("#MainJApplet").height($(document).height()-20);
       }
     </script>
    </head>
  <body>
    <center>
     <applet width='800' height='600' id='MainJApplet'  code='MainJApplet'  archive='MainJApplet.jar'></applet>
    </center>
  </body>
</html>

«-20″ это из-за скролов в ИЕ. Иначе при изменении размера апплет залазит на полосы прокрутки. Там и 15-ть хватит, но я решил не жадничать. :)

В принципе это можно применить к любым элементам, а не только к апплетам…

Об авторе: admin

Отзывы

Выразите свое мнение

Скажите нам, что вы думаете...
и если вы хотите сопроводить ваш комментарий картинкой, используйте граватары!