• § Qavatlarni joylashtirish.
  • O’zbekiston respublikasi oliy va o’rta maxsus ta’lim vazirligi buxoro davlat universiteti fizika –matematika fakulteti




    Download 59,55 Kb.
    bet10/14
    Sana11.12.2023
    Hajmi59,55 Kb.
    #116080
    1   ...   6   7   8   9   10   11   12   13   14
    Bog'liq
    Mavzu JavaScript orqali Web sahifa elementlari bilan ishlash yo-fayllar.org

    JavaScript va qavatlar. 
    Endi biz kavatlarga Java S orkali kanday ruxsat olishni kurib chikamiz. 
    Foydalanuvchi tugmachani bosish orkali biror bir qavatni ko’rsatishi yoki berkitish
    imkoniyatiga ega bo’luvchi misolni ko’rishdan boshlaymiz. Dastlab bu qavatlar 
    Java S da qay tarzda hosil bo’lishini ko’rishimiz kerak. Odatdagidek buning bir
    necha usullari bor. Eng yaxshisi har bir qavatga nom berib chiqish. Demak, agar 
    biz deb qavat hosil qilsak u xolda biz unga keyinchalik
    document.layers[“mylayer”] konstrukstiyasi orqali ruxsat olishimiz mumkin. Bu 
    qavatlarga ruxsatni biz butun sonli indeks orqali olishimiz mumkin. Demak, eng
    pastki qavatga ruxsat document.layers[0] deb yozish bilan olinadi. Shunga e’tibor 
    qaratingki indeks bu z-index parametr bilan bir xil narsa emas. Agar misol uchun
    siz layer1 va layer2 deb nomlanuvchi z-index nomerlari 17 va 100 bo’lgan 
    qatorlarga ega bo’lamiz. U holda siz ularga document.layers[17] va
    document.layers[100] deb emas balki document.layers[0] va document.layers[1] 
    orqali ruxsat olishingiz mumkin. Qavatlar Java S skriptlari yordamida o’zgartirib
    bo’luvchi bir necha xususiyatlarga ega. Navbatdagi misolda 1 – qavatni bekituvchi 
    yoki aksincha hosil qiluvchi tugmacha tashkil qilingan. (Netscape Novigator +4
    yoki undan yuqori versiyalari talab qilinadi). Berilgan tugmacha ShowHide ( ) 
    funkstiyasini chiqaradi. Bu funksiya layer (mylayer) ob’ektining ko’rinuvchanlik
    xususiyatiga ruxsat olish masalasi echilgan. Document.layers[“mylayer”].visibility 
    parametriga “show” yoki “hide” qavatini berib siz ushbu qavatni ko’rsatish yoki
    berkitish imkoniyatiga ega bo’lasiz. Show va hide bu qirkib olingan kalit so’zlar 
    emas balki satr hisoblanib, siz
    Document.layers[“mylayer”].visibility = show
    deb
    yoza olmaysiz.


    § Qavatlarni joylashtirish. 



    25

    Left va top xususiyatlar berilgan qavatning holatini belgilaydi. Siz ularga yangi 
    qavatlar berib uni o’zgartirishingiz mumkin. Masalan navbatdagi satrda qavatning
    gorizantal holati 200 nuqtada berilyapti: 
    Document.layers[“mylayer2”].left = 200;
    Endi biz qavatlarni aralashtirish dasturiga o’tamiz, u brauzer darchasida qandaydir 
    aylanishlar yaratadi. Skript quyidagi ko’rinishda:
    Biz mylayer2 nomli qavat yaratdik. tegida biz onload prostedurasini 
    ishlatganimizni ko’rish mumkin. Bizga saxifa yuklatilgandan darrov qavat
    aylanishini boshlash zarur. Onload hodisalarini qayta ishlash prostedurasida biz 
    setInterval ( ) funksiyasidan foydalanamiz. Bu Java S versiyasining yangi
    usullaridan biridir. Undan biror bir funksiyani yana va qayta yana aniq bir 
    intervalida chaqirishda foydalaniladi. Oldin biz buning uchun setTimeOut vaqt
    funksiyasidan foydalanganmiz. SetInterval funksiyasi ham xuddi shunday ishlaydi, 
    biroq siz uni bir marta chaqirsangiz yetarli bo’ladi.
    SetInterval funksiyasida biz move ( ) funksiyasini har bir 20 millisekunddan 

    chaqirish imkoniga egamiz. Move ( ) funksiyasi esa o’z navbatida har 20


    millisekunddan qavatni yangi sohaga almashtiradi. Bu funksiyani yana va yana 
    chaqirishimiz natijasida matnimizni tez harakatlanishini ko’ramiz. Move( )
    funksiyasida qiladigan narsamiz shuki qavat uchun yangi koordinata hisoblash va 
    uni yozish:
    document.layers[“mylayer2”].left = pos.



    Download 59,55 Kb.
    1   ...   6   7   8   9   10   11   12   13   14




    Download 59,55 Kb.

    Bosh sahifa
    Aloqalar

        Bosh sahifa



    O’zbekiston respublikasi oliy va o’rta maxsus ta’lim vazirligi buxoro davlat universiteti fizika –matematika fakulteti

    Download 59,55 Kb.