Java ile div kontrolü
Java kodlaı ile div nesnemizin display kontolünü yapabilmemiz mümkün.
Display özelligi nedir?
Bu özellik div nesnesinin STYLE özelligi ile yani CSS ile tanımlanır.
“display=block” olursa tanımlı div görünür.
“display=none” olursa tanımlı div görünmez.
Bu sayede divler ve içerisindekiler sayfa acılırken toplu olarak yüklenecektir. Java kodaları ile deçiş yapılan yani gösterilen div acıldığında görüntülenme hızı artacaktır. Bu kod geliştirilmeye ve kullanım amacları acısından cok elverişli olabilir. Şahsen benim cogu zaman kurtarıcım olmuştur. Sadece hayal gücünüze kalmış.
Kullanımı:
<SCRIPT LANGUAGE=”JavaScript” TYPE=”text/javascript”>function m1(){document.getElementById(”MS1″).style.display = ‘block’document.getElementById(”MS2″).style.display = ‘none’document.getElementById(”MS3″).style.display = ‘none’document.getElementById(”MS4″).style.display = ‘none’document.getElementById(”MS5″).style.display = ‘none’document.getElementById(”MS6″).style.display = ‘none’document.getElementById(”MS7″).style.display = ‘none’document.getElementById(”MS8″).style.display = ‘none’}function m2(){document.getElementById(”MS1″).style.display = ‘none’document.getElementById(”MS2″).style.display = ‘block’document.getElementById(”MS3″).style.display = ‘none’document.getElementById(”MS4″).style.display = ‘none’document.getElementById(”MS5″).style.display = ‘none’document.getElementById(”MS6″).style.display = ‘none’document.getElementById(”MS7″).style.display = ‘none’document.getElementById(”MS8″).style.display = ‘none’}function m3(){document.getElementById(”MS1″).style.display = ‘none’document.getElementById(”MS2″).style.display = ‘none’document.getElementById(”MS3″).style.display = ‘block’document.getElementById(”MS4″).style.display = ‘none’document.getElementById(”MS5″).style.display = ‘none’document.getElementById(”MS6″).style.display = ‘none’document.getElementById(”MS7″).style.display = ‘none’document.getElementById(”MS8″).style.display = ‘none’}function m4(){document.getElementById(”MS1″).style.display = ‘none’document.getElementById(”MS2″).style.display = ‘none’document.getElementById(”MS3″).style.display = ‘none’document.getElementById(”MS4″).style.display = ‘block’document.getElementById(”MS5″).style.display = ‘none’document.getElementById(”MS6″).style.display = ‘none’document.getElementById(”MS7″).style.display = ‘none’document.getElementById(”MS8″).style.display = ‘none’}function m5(){document.getElementById(”MS1″).style.display = ‘none’document.getElementById(”MS2″).style.display = ‘none’document.getElementById(”MS3″).style.display = ‘none’document.getElementById(”MS4″).style.display = ‘none’document.getElementById(”MS5″).style.display = ‘block’document.getElementById(”MS6″).style.display = ‘none’document.getElementById(”MS7″).style.display = ‘none’document.getElementById(”MS8″).style.display = ‘none’}function banyo(){document.getElementById(”MS1″).style.display = ‘none’document.getElementById(”MS2″).style.display = ‘none’document.getElementById(”MS3″).style.display = ‘none’document.getElementById(”MS4″).style.display = ‘none’document.getElementById(”MS5″).style.display = ‘none’document.getElementById(”MS6″).style.display = ‘block’document.getElementById(”MS7″).style.display = ‘none’document.getElementById(”MS8″).style.display = ‘none’}function mutfak(){document.getElementById(”MS1″).style.display = ‘none’document.getElementById(”MS2″).style.display = ‘none’document.getElementById(”MS3″).style.display = ‘none’document.getElementById(”MS4″).style.display = ‘none’document.getElementById(”MS5″).style.display = ‘none’document.getElementById(”MS6″).style.display = ‘none’document.getElementById(”MS7″).style.display = ‘block’document.getElementById(”MS8″).style.display = ‘none’}function ozel(){document.getElementById(”MS1″).style.display = ‘none’document.getElementById(”MS2″).style.display = ‘none’document.getElementById(”MS3″).style.display = ‘none’document.getElementById(”MS4″).style.display = ‘none’document.getElementById(”MS5″).style.display = ‘none’document.getElementById(”MS6″).style.display = ‘none’document.getElementById(”MS7″).style.display = ‘none’document.getElementById(”MS8″).style.display = ‘block’}</SCRIPT>
[ head arasına gelecek olan java kodu başlangıcı ]
<SCRIPT LANGUAGE=”JavaScript” TYPE=”text/javascript”>
function m1(){
document.getElementById(”div1″).style.display = ‘block’
document.getElementById(div2″).style.display = ‘none’
document.getElementById(”div3″).style.display = ‘none’
}function m2(){
document.getElementById(”div1″).style.display = ‘none’
document.getElementById(div2″).style.display = ‘block’
document.getElementById(”div3″).style.display = ‘none’
}function m3(){
document.getElementById(”div1″).style.display = ‘none’
document.getElementById(div2″).style.display = ‘none’
document.getElementById(”div3″).style.display = ‘block’
}</SCRIPT>
[ HEAD arasına gelecek olan java kodu Bitişi ]
[ BADY arasına gelecek olan html kodu başlangıcı ]
<a href=”javascript:m1()”>div1</a>
<a href=”javascript:m2()”>div2</a>
<a href=”javascript:m3()”>div3</a>
<div id=”div1″ style=”display:none”>div1 içindeki içerik</div>
<div id=”div2″ style=”display:none”>div2 içindeki içerik</div>
<div id=”div3″ style=”display:none”>div3 içindeki içerik</div>
[ BADY arasına gelecek olan html kodu bitişi]