কম্পিউটার টিউটোরিয়াল

HTML ononline ইভেন্ট অ্যাট্রিবিউট


HTML ononline ইভেন্ট অ্যাট্রিবিউট तब ট্রিগার হয় যখন ব্রাউজার অনলাইনে কাজ करना শুরু করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

<tagname ononline=”script”></tagname>

HTML ononline ইভেন্ট অ্যাট্রিবিউটের একটি উদাহরণ দেখা যাক:

উদাহরণ

<!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    }    .show {       font-size: 1.2rem;       color: #fff;    } </style> <body ononline="onlineFn()" onoffline="offlineFn()"> <h1>HTML onoffline/ononline ইভেন্ট অ্যাট্রিবিউট ডেমো</h1> <p style="color:#db133a;">আপনার নেটওয়ার্ক অক্ষম/সক্রিয় করার চেষ্টা করুন।</p> <div class="show"></div> <script>    function onlineFn() {       alert("হে! আপনি অনলাইনে আছেন");    }    function offlineFn() {       alert("হে! আপনি অফলাইনে আছেন");    } </script> </body> </html>

আউটপুট

HTML ononline ইভেন্ট অ্যাট্রিবিউট

এখন আপনার নেটওয়ার্ক সক্ষম/অক্ষম করুন onoffline/ononline ইভেন্ট অ্যাট্রিবিউট কীভাবে কাজ করে তা লক্ষ্য করতে:

HTML ononline ইভেন্ট অ্যাট্রিবিউট


  1. HTML ondrop ইভেন্ট অ্যাট্রিবিউট

  2. HTML ondragleave ইভেন্ট অ্যাট্রিবিউট

  3. HTML ondragenter ইভেন্ট অ্যাট্রিবিউট

  4. HTML ononline ইভেন্ট অ্যাট্রিবিউট