merhabalar;
javascriptte yapacağımız kodlarla fonksiyonu çalıştırdığımızda ilgili html kodunu gizleme, gösterme özelliğini öğreneceğiz.
bir örnekle başlayalım
javascript:
html:
göster/gizle'ye tıklandğınızda örnek yazı, gizlenip; gösterilecektir.
silverday*
javascriptte yapacağımız kodlarla fonksiyonu çalıştırdığımızda ilgili html kodunu gizleme, gösterme özelliğini öğreneceğiz.
bir örnekle başlayalım
javascript:
Kod:
function GosterGizle(element) {
//## Silverday @ Hackhell
//## 22:32 25.09.2008
// fonksiyonu çalıştırırken içine yazılan element ID'si
var element = document.getElementById(element);
// element gizli ise göster
if(element.style.display == "none") {
element.style.display = "block";
}
// element gösteriliyorsa gizle
else {
element.style.display = "none";
}
}
html:
HTML:
<a href="#" onclick="GosterGizle('switch');">Göster/Gizle</a>
<div id="switch"><br><br>Örnek Yazı</div>
göster/gizle'ye tıklandğınızda örnek yazı, gizlenip; gösterilecektir.
silverday*