JavaScript ‘ Hide and Show ‘ div yada tablo saklama

Merhaba arkadaşlar ,bir önceki yazımda neden JavaScript ? Nedir ? başlığında yazı yazmıştım ve basit ve çok kullanışlı olan bir örnekle devam ediyorum. Bugün kısaca sizlere bir formu , tablonuzu yada ‘div’i bir butonla gizlemek istiyorsunuz. Bunu kısa bir javascript fonksiyonu ile nasıl yaparız. ( javascript hide and show )

JavaScript Fonksionumuz

<script type=”text/javascript” language=”javascript”>
function SetVisibilty() {

var panel = document.getElementById(“veritablom”)

if (panel.style.display == ‘none’) {
panel.style.display = ‘block';
}
else
{
panel.style.display = ‘none';
}
}
</script>

Div’imize vereceğimiz özelik

<div id=”veritablom” style=”display: none;”>

Butonumuz

<dx:ASPxButton ID=”btnNew” AutoPostBack=”False” runat=”server”
Text=”Yeni Talep” >
<ClientSideEvents Click=”SetVisibilty” />
</dx:ASPxButton>

Gördüğünüz gibi 3 aşama, 1.si kodu direk alıp kopyalayacaksınız sadece “veritablom” ismini verdiğim yere siz tablo adınızı yada div id’nizi yada Grid isminizi yazacaksınız. Saklamak istediğiniz grid,div,form vs..

display özelliğini <strong>none</strong> yapıyorsunuz ve en son olarak butonunuz ekliyorsunuz bu kadar basit. Kolay gelsin. Sorularınızı yorum olarak bırakabilirsiniz.

983 Görüntülenme