JavaScript ‘  Hide and Show ‘ div yada tablo saklama

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.

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)
JavaScript ' Hide and Show ' div yada tablo saklama, 5.0 out of 5 based on 2 ratings

961 Görüntülenme

 

Cevapla

E-posta adresiniz yayınlanmayacak. Required fields are marked *

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

More in Genel (13 of 55 articles)