Bu dersimizde Javascript yardımı ile div katmanı kullanarak ortadan ekrana doğru genişleyen kare yapalım.
3 tane div katmanımız var diyelim. Bunların ilk baştaki görünürlükleri "hidden" yani gizli olsun. Linklere "onclick" özelliği verirken:
SGH 200
şeklinde link yerine # koyarsak çağırdığımız fonksiyonun atadığı değere gider.
Burada fonksiyonlardan da söz edeyim.
"aha" adlı fonksiyonumuz 3 tane değer alıyor. Fonksiyonumuzu çağırırken (aha("a","b","c") divlere atadığımız id"leri gönderiyoruz. Id"ler arasına " " koyarsak işlem sırasını belirtmiş oluruz, yani önce a id"si gidecek ve visible(görünen) olacak diğer ıd"ler hidden (gizli)olacak anlamına gelir.
Fonksiyonun içeriğine bakarsanız, anlatmak istediğimi daha net görebilirsiniz. Javascript mantığını bilen arkadaşlar açısında anlama problemi olmayacaktır.
function aha(id1,id2,id3){
********.getElementById(id1).style.visibility="vis ible";
********.getElementById(id2).style.visibility="hid den";
********.getElementById(id3).style.visibility="hid den";
}
3 tane div katmanımız var diyelim. Bunların ilk baştaki görünürlükleri "hidden" yani gizli olsun. Linklere "onclick" özelliği verirken:
SGH 200
şeklinde link yerine # koyarsak çağırdığımız fonksiyonun atadığı değere gider.
Burada fonksiyonlardan da söz edeyim.
"aha" adlı fonksiyonumuz 3 tane değer alıyor. Fonksiyonumuzu çağırırken (aha("a","b","c") divlere atadığımız id"leri gönderiyoruz. Id"ler arasına " " koyarsak işlem sırasını belirtmiş oluruz, yani önce a id"si gidecek ve visible(görünen) olacak diğer ıd"ler hidden (gizli)olacak anlamına gelir.
Fonksiyonun içeriğine bakarsanız, anlatmak istediğimi daha net görebilirsiniz. Javascript mantığını bilen arkadaşlar açısında anlama problemi olmayacaktır.
function aha(id1,id2,id3){
********.getElementById(id1).style.visibility="vis ible";
********.getElementById(id2).style.visibility="hid den";
********.getElementById(id3).style.visibility="hid den";
}