Atribut OnToggle HTML dan Fungsinya
Event ontoggle merupakan event html yang dapat aktif ketika user membuka atau menutup elemen <details> pada halaman html. Elemen <details> digunakan untuk menyediakan penambahan informasi atau rincian yang dapat ditampilkan atau disembunyikan oleh user sesuai dengan kebutuhan.
Tag Pendukung:
Sintak:
<details ontoggle = "script">
Value Atribut: mengandung atribut script nilai tunggal yang bekerja ketika event ontoggle dipanggil.
Catatan: atribut ini bekerja bersamaan dengan tag details.
Contoh:
 |
| Ilustrasi Atribut OnToggle HTML |
Sebelum memahami lebih dalam materi tentang Atribut OnToggle HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Efek Ketika Melakukan Paste HTML Menggunakan Atribut OnPaste [klik], Efek Melakukan Cut Elemen HTML Menggunakan Atribut OnCut [klik], dan Efek Melakukan Copy HTML Menggunakan Atribut OnCopy [klik].
- <details>
Sintak:
<details ontoggle = "script">
Catatan: atribut ini bekerja bersamaan dengan tag details.
Baca Juga:
<!DOCTYPE html >
<html>
<head>
<title>
atribut event ontoggle
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
atribut event ontoggle
</h2>
<p>
Klik untuk membuka details.
</p>
<details ontoggle="mkn()">
<summary
style="color:blue";>
Apa kepanjangan dari HTML
</summary>
<p>
Hyper Text Markup Language
</p>
</details>
<script>
function mkn()
{
alert("atribut ontoggle dipanggil");
}
</script>
</body>
</html>
Output:
Blog Elfan
atribut event ontoggle
Klik untuk membuka details.
Apa kepanjangan dari HTML
Referensi Tambahan:
- Penggunaan Method removeNamedItem() DOM pada HTML [klik]
- Cara Penggunaan Method setNamedItem() DOM pada HTML [klik]
- Cara Mudah Menggunakan Properti Spesifik DOM pada HTML [klik]
- Cara Menggunakan Properti Value DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.assert() DOM pada HTML [klik]
- Cara Penggunaan Method console.clear() DOM pada HTML [klik]
- Cara Penggunaan Method console.count() DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Ahmad Syahrul Setiawan, Alfin Lis Priyadi, Andan Arum Anggita Daneswari, Arya Moehammad Prakoso, dan Bagus Imawan.
Apa manfaat penggunaan atribut ontoggle pada elemen html?
BalasHapusdengan menggunakan atribut ontoggle, maka dapat dilakukan penyembunyian informasi atau objek tertentu pada elemen html.
HapusAtribut ontoggle dapat digunakan untuk mengaktifkan atribut tipe boolean pada elemen yang telah ditentukan.
HapusBrowser apa saja yang dapat digunakan untuk mengaktifkan atribut ontoggle pada eleme html?
BalasHapusBeberapa jenis browser populer yang dapat digunakan untuk mengaktifkan atribut ontoggle pada halaman html adalah:
Hapus1. Google Chrome 12.0
2. Opera 15.0
3. Firefox 48.0
4. Safari 6.0