Style="Display:None" Vs. Visible="false"

Guru TK : Ayo adek-adek.. sapa yg tau tentang Visible="false"??
Anak2 TK : "Sayaaaaaaaaa bu!!!!"
Guru TK : Wah pinter pinter y.. Lalu adek adek, ada yg tau tentang Style="Display:None"??
Anak2 TK : "Sayaaaaaaaaa bu!!!!"
Guru TK : Wah jenius y.. Di antara dua ini, adek2 tau gak perbedaannya apaaa??
Anak2 TK : "Samaaaa ajaaa bu!!!!"

Oke.. sepenggal kisah anak2 ini sebenarny menceritakan kebanyakan para programmer termasuk kita...
Kadang kita tidak tau perbedaan antara Visible="false" dan Style="Display:None"..
Yang kita tau adalah, mereka berdua sama2 bisa menghilangkan sesuatuu..
Hanya sedikit di antara kita yg mengetahui perbedaannya.. Gawat gak tuh??
(hmmm.. gak sedikit sih.. ada lumayan banyak yg tau.. gw hanya mendramatisir..)

"Bim sala bim.. abrakadabra.. menghilanglah.."
*Bummm*
*menghilang deh*





Tapi ketahuilah Anda.. Visible="false" dan Style="Display:None" bener2 berbeda.. Penggunaan tanpa mengetahui bahaya perbedaan di balik mereka berdua sungguh berbahaya..

Perbedaannya adalah :
Jika digunakan di sebuah Panel..

<asp:Panel ID="panel1" Visible="false">

Visible="false" akan membuat panel1 itu Benar-benar menghilang dari HTML page..

Keuntungannya tentu saja.. Panel1 tersebut tidak akan menimbulkan HORIZONTAL GAP.. (klo vertical gap masih bisa ditolerir lah.. tapi klo horizontal gap dapat merusak penampilan..)

Kerugiannya tentu saja ketika kita memiliki sebuah panel1 yg diharuskan untuk tak tampak.. Namun panel1 itu memiliki TextField ato Dropdown yg harus kita update value nya di dalam panel tersebut..
Ini akan menyebabkan ERROR karena, si doi gak bisa menemukan TextField / Dropdown nya..

<asp:Panel ID="panel1" style="display:none;">

Nah untuk kasus di atas, tentu saja disarankan menggunakan  Style="Display:None" .. Karena  Style="Display:None" hanya akan menyembunyikan panel1 dan tidak menghilangkan nya dari HTML Page..

Jika kita ingin menyembunyikan sebuah kolom dari tabel, tentu saja sangat disarankan menggunakan Style="Display:None" .. Namun harus diperhatikan penggunaannya, karna Style="Display:None" dapat berpotensi menimbulkan impotensi, serangan jantung, eh.... salah.. dapat berpotensi menimbulkan HORIZONTAL GAP...

Nah.. jika suatu hari ada anak TK bertanya : "Kakak.. jadi antara Visible="false" dengan Style="Display:None" klo berantemmm.. sapa yg menangg???"

Tentu saja yg menang bukan lah  Style="Display:None"..

Namun yg menang juga bukan lah Visible="false"..

Pemenangny tentu saja tidak ada.. Kedua nya sangat berguna.. Masing2 memiliki keuntungan yg bisa menutupi kerugian masing2.. hanya saja segala sesuatu tergantung anda para programmer yg menentukan kapan menggunakan Style="Display:None" & kapan menggunakan Visible="false"..

Then End.. Maybe Continued..

BONUS!!! BERIKUT INI AKAN DISAJIKAN OMG CAT SHOW!!!!!

Loh Loh Loh .. koq jadi ngacooo.. pesertany bukan kucing woiii!!
Oke Sekian..