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-ть хватит, но я решил не жадничать.
В принципе это можно применить к любым элементам, а не только к апплетам…