Veysel Uğur KIZMAZ

JQuery Resize Fonksiyonu

26.03.2012Okunma Sayısı: 6095Kategori: JQuery

 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
veysel@ugurkizmaz.com
www.ugurkizmaz.com