MoreLesson 267Preview gratis
Popup Chat Window
Lesson ini bagian dari How To · Semua level
Ringkasan
Popup chat window adalah panel percakapan kecil yang muncul dari sudut halaman saat tombol chat diklik. Panel biasanya diposisikan fixed di kanan bawah, lalu ditampilkan atau disembunyikan dengan JavaScript. Pastikan tombol memiliki status yang jelas dan fokus pengguna tidak hilang saat panel dibuka.
Poin kunci
- position: fixed menempelkan tombol dan panel pada viewport saat halaman digulir.
- classList.toggle atau atribut hidden dapat membuka dan menutup panel.
- aria-expanded memberi tahu pembaca layar apakah panel sedang terbuka.
- Kelola fokus dan sediakan tombol tutup agar pengguna keyboard tidak terjebak.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.