রিসাইজ ইভেন্ট (Resize Event)

রিসাইজ ইভেন্ট (Resize Event) :


resize() ফাংশন ব্রাউজারের আকার পরিবর্তিত সনাক্ত করে এবং resize() ইভেন্টটি তখনই স্বচল হয় , যখন ব্রাউজারের আকার পরিবর্তিত হয়। এই ইভেন্টটি শুধু মাত্র $(window) এর সাথে bind করা হয়। ধরুন আমরা এমন একটি website তৈরি করতে চাচ্ছি যেটি যেকোন window এর সাথে adjust হয়ে যাবে; এক্ষেত্রে আমরা resize() ইভেন্টটি ব্যবহার করতে পারি। এছাড়াও যে সকল website percentage অনুযায়ী design করা হয়, সে সব website এর ক্ষেত্রে, অনেক সময় এমন হয় যে ব্রাউজারের আকার নির্দিষ্ট একটি আকারের চেয়ে ছোট হলে website এর design এলো মেলো হয়ে যায় , এ ক্ষেত্রে resize() ইভেন্টটি ব্যবহার করে ব্রাউজারের আকার নির্দিষ্ট একটি আকারের চেয়ে ছোট হওয়া থেকে বিরত রাখা যায়।

Example : নিচের উদাহরন টিতে $(window).width() এবং $(window).height() দ্বারা ব্রাউজারের actual width এবং height নির্নিয় করা হয়েছে।

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 <style type="text/css">
    #browserInfo{
        padding:8px;
        border:1px solid blue;
        width:300px;
    }
</style>
 
</head>
<body>
  <h1>jQuery resize() example</h1>
 
  <h4>Try resize this browser</h4>
 
  <div id="browserInfo">
  </div>
 
<script type="text/javascript">
 
   $('#browserInfo').text('Browser (Width : '
                + $(window).width() + ' , Height :' + $(window).height() + ' )');
 
    $(window).resize(function () {
        $('#browserInfo').text('Browser (Width : ' + $(window).width() 
                                 + ' , Height :' + $(window).height() + ' )');
    });
 
</script>
</body>
</html>

Try Demo



<< Previous Next >>


লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের(DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন। তাকে ফেসবুকে অনুসরন করতে এখানে ক্লিক করুন।

কপি রাইট © ২০১১-২০১২ সর্বস্বত্ত্ব সংরক্ষিত, টিউটরিয়ালবিডি, একটি টিউটো ওয়েবস প্রতিষ্ঠান.