Bu makalemizde jQuery ile Browser Eventlarından resize() eventını inceleyeceğiz.
Konuyu bir örnekleme ile anlatmak istersek, en basit örnek browserın genişliğinin değişmesi olacaktır. Browserın boyutunu her değiştirdiğimizde ekranda yeni eni ve yeni boyu bilgilerini yazdıran bir örnekle resize eventını inceleyelim.
|
<html>
<head>
<title></title>
<script src="jquery-1.5.1.js"></script>
<script type="text/javascript">
$(window).resize(function() {
alert("Pencere Eni : " + $(window).width() + "\nPencere Boyu : " + $(window).height());
});
</script>
</head>
<body>
</body>
</html>
|
Sonuç olarak ekran her değiştiğinde
Pencere Eni : …
Pencere Boyu : …
yazacaktır.
Bu uyarılar yerine sayfanın boyutu değiştiğinde içindeki nesnelerin boyutlarını değiştirebilir ya da daha farklı işlemleri de gerçekleştirebiliriz
Veysel Uğur KIZMAZ
Bilgisayar Mühendisi