9/29/2007
Css "Display" pada Firefox dan IE
Jam
9/29/2007 03:33:00 am
Topik :
browser,
CSS,
JavaScript
Pernah membuat navigasi menu degan mode Collapse-Expand?
Biasanya kita menggunakan style CSS dengan name DISPLAY dan kemungkinan value "NONE" (tersembunyi) dan "" (kosong, artinya terlihat).
Anda memakai IE? tentu tak masalah. Beberapa kali saya mengalami masalah saat mencoba halaman yang menerapkan DISPLAY ini dengan Firefox. Memang fungsi collapse-expandnya bisa berjalan 100% normal, hanya saja nilai inisialnya yang hidden ternyata "dicuekin", jadi bayangkan saja jika kita punya 3 lapis atau 3 hirarki menu yang isinya bejibun, semua terlihat dengan anak-anaknya, dan baru bisa disembunyikan dengan eksekusi fungsi collapse yang kita definisikan.
Iseng-iseng ternyata jawabannya ada pada tanda petik. Jika kita terbiasa mengakses style dengan JavsScript dengan:
id.style.display='none';
maka tak perlu repot-repot, cukup buang tanda petiknya. Jadi :
id.style.display=none;
akan lebih diterima di Firefox, dan setelah saya coba di Opera ternyata berfungsi sama baiknya.
Diposting oleh
Azes
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment