Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Cara Mudah Menggunakan Atribut OnToggle pada HTML
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].

Tag Pendukung:
  • <details>

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.

Baca Juga:

Contoh:

<!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

Artikel ini didedikasikan kepada: Ahmad Syahrul Setiawan, Alfin Lis Priyadi, Andan Arum Anggita Daneswari, Arya Moehammad Prakoso, dan Bagus Imawan.

5 komentar untuk "Atribut OnToggle HTML dan Fungsinya"

  1. Apa manfaat penggunaan atribut ontoggle pada elemen html?

    BalasHapus
    Balasan
    1. dengan menggunakan atribut ontoggle, maka dapat dilakukan penyembunyian informasi atau objek tertentu pada elemen html.

      Hapus
    2. Atribut ontoggle dapat digunakan untuk mengaktifkan atribut tipe boolean pada elemen yang telah ditentukan.

      Hapus
  2. Browser apa saja yang dapat digunakan untuk mengaktifkan atribut ontoggle pada eleme html?

    BalasHapus
    Balasan
    1. Beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan atribut ontoggle pada halaman html adalah:
      1. Google Chrome 12.0
      2. Opera 15.0
      3. Firefox 48.0
      4. Safari 6.0

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -