Turning gears are the logo of co-scripts

Merhaba,

Bazen bir html elementini gösterip sonra gizlemek isteriz. bunu bazen süreli olarak rutin yapmak bazen ise bir düğme ile tetiklenecek şekilde kullanıcının kontrolüne bırakmak gerekebilir. İster düğme ile ister bir zamanlayıcı ile olsun bir elementi görünür ise gizlemek, gizli ise göstermek için bir fonksiyon yazabiliriz.

Gösterip gizlemek derken visibility gerçek anlamda elementi görünür kılıp sonra gizleyebiliyorken display sayfada elementin render edilip edilmemesiyle ilgilidir. Yani sayfada yer alan bir elementin visibility özelliği ne olursa olsun sayfada ona ait yer korunur. Display özelliğinde ise element sayfadan gerçekten kaldırılır veya yerine geri koyulur. 

 Visibility: visible/hidden/collapse, display:none/null (ve başka 16 değer daha) değerlerini alabilir. display ile visibility arasındaki fark için buraya bakabilirsiniz.

	function ackapa(nesne){
	var ns = document.getElementById(nesne);
	if(ns.style.display=='none'){ns.style.display='';}else{ns.style.display='none';}
				 }

Burada nesne idsini ackapa() fonksiyonuna veriyoruz. bunu bir tetikleyici(trigger) olaya(event) bağlayabilirsiniz. Nesnenin none ve null dışıdaki display değerleri alması durumunda bu fonksiyonu modifiye etmek gerekecektir.

Örnek kullanım:

 

 

Kolay gelsin.

co-scripts tag image displaygoster-gizlevisibility
ID:114 | Okunma:2364