English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجعي لـ <code>HTML</code>

مجموعة كاملة من علامات <code>HTML</code>

خاصية الحدث <code>ontoggle</code> في <code>HTML</code>

خصائص أحداث HTML

مثال على الإنترنت

عند تنفيذ JavaScript عند فتح أو إغلاق عنصر <code>details</code>:

<!DOCTYPE html>
<html>
<head>
<title>استخدام خاصية الحدث <code>ontoggle</code> في <code>HTML</code> (موقع oldtoolbag.com)</title>
<style>
div {
  background: yellow;
  border: 1px solid #cccccc;
  padding: 10px;
}
</style>
</head>
<body>
<p>افتح التفاصيل.</p>
<details ontoggle="myFunction()">
<summary>حقوق النشر 1999-2019.</summary>
<p>جميع الحقوق محفوظة.</p>
<p>يظهر المحتوى والجملة هنا.</p>
</details>
<p><strong>ملاحظة:</strong> يدعم خاصية الحدث <code>ontoggle</code> في <code>Chrome</code>, <code>Safari</code> 6+، و<code>Opera</code> 15+.</p>
<script>
function myFunction() {
  alert("حدث ontoggle يُطلق");
}
</script>
</body>
</html>
اختبار لـ ‹/›

التعريف والاستخدام

تُطلق الخاصية ontoggle عند فتح أو إغلاق عنصر <details>.
يحدد عنصر <details> تفاصيل أخرى يمكن للمستخدم عرضها أو إخفائها عند الطلب.

متاح للبrowsers

IEFirefoxOperaChromeSafari

الفرق بين HTML 4.01 و HTML5

في HTML5، الخاصية ontoggle هي إضافة جديدة.

النحو

<element ontoggle="script">

قيمة الخاصية

القيمةالوصف
scriptالسكرابت يتم تنفيذها في ontoggle
تفاصيل تقنية
العلامات الداعمة لـ HTML:<details>

الصفحات ذات الصلة

دليل مرجع DOM HTML: حدث ontoggle


خصائص أحداث HTML