"/>"/>
Yazılım Dilleri
Asp.Net 4.5 Kitabı
Skip Navigation Links

JQuery Resize Fonksiyonu

Bu makalemizde jQuery ile Browser Eventlarından resize() eventını inceleyeceğiz.

 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

Yorumlar (0)

Yorum Yap

Mail listesine katılmak için tıklayınız

Hakkımdaki son bilgilere anlık erişmek için mail listesine katılabilirsiniz.