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

HTML-এ details এলিমেন্ট খোলা/বন্ধ হলে স্ক্রিপ্ট (ontoggle) চালানো

ইউজার <details> এলিমেন্ট খোলা বা বন্ধ করলে ontoggle ইভেন্ট ফায়ার হয়।

উদাহরণ

ontoggle ইভেন্ট বাস্তবায়নের উদাহরণ:

<!DOCTYPE html> <html>    <body>       <h2>Details</h2>       <p>You need to join office from Feb23<p>       <details ontoggle="display()">          <summary>More Information</summary>          <p>Timings: 9 to 5:30</p>          <p>Office location: Hyderabad</p>       </details>             <script>          function myFunction() {             alert("Timings, office location, etc");          }       </script>    </body> </html>

  1. HTML-এ একটি এলিমেন্ট ফোকাস হারালে স্ক্রিপ্ট কীভাবে এক্সিকিউট করবেন?

  2. HTML-এ ব্যবহারকারী একটি এলিমেন্টে কন্টেন্ট পেস্ট করলে স্ক্রিপ্ট কীভাবে এক্সিকিউট করবেন?

  3. HTML-এ এলিমেন্টে ক্লিক হলে স্ক্রিপ্ট চালানো

  4. HTML-এ এলিমেন্ট ফোকাস পেলে স্ক্রিপ্ট চালানো