• Tasvirlarni ogoxlantiruvchi yuklanishi.
  • O’zbekiston respublikasi oliy va o’rta maxsus ta’lim vazirligi buxoro davlat universiteti fizika –matematika fakulteti




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

    Yangi tasvirlarni yuklash. 
    Albatta bu biz xoxlagan narsa bo’lmasa ham Web saxifada tasvir o’lchamini 
    qanday olishni bilib qo’ygan mumkin. Bu Web saxifada tasvirlar almashinishi joriy
    qilishni istaymiz va buning uchun bizga src atributi kerak bo’ladi. tegidagi 


    19

    holatdagi kabi src atributi keltirilgan tasvirning manzilini saqlaydi. Endi siz Java S 
    ning 1.1 versiyasida allaqachon Web saxifaga yuklangan tasvirga yangi adres
    berish imkoniyatiga egasiz. Va natijada tasvir Web saxifaga eski adresni yangi 
    adres bilan almashtirgan holda yuklanadi. Misol uchun ushbu yozuvni qo’ramiz:

    Bu yerda img1.gif tasvir yuklanadi va Myimg nomini oladi. Navbatdagi satrda


    oldingi img1.gif tasvir allaqachon yangi img2.gif bilan almashadi: 
    Documunt.MyImages.src = “img2.gif”; 

    Bunda yangi tasvir har doim eski tasvir o’lchamini oladi. Va siz endi uning


    o’lchamini o’zlashtira olmaysiz. 


    Tasvirlarni ogoxlantiruvchi yuklanishi. 
    Bunday xarakatlarimizning kamchiliklaridan biri bo’lib, src ga yangi adres 
    berilgandan so’ng unga mos tasvir yuklanish jarayoni boshlanishi hisoblanadi. Va
    bu oldindan qilinmaganligi sababli yangi tasvir internet orqali uzatilguncha va uz 
    joyiga borguncha bir necha vaqt o’tadi. Ayrim hollarda bu mumkin, lekin bunday
    tez – tez to’xtalishlarga ko’nish mumkin emas. Bu holat bilan biz nima qilishimiz 
    kerak? Albatta, bu masalaning yechimi bo’lib, tasvirlarni ogoxlantiruvchi
    yuklanishdan foydalanish hisoblanadi.
    Buning uchun bu yangi Image ob’ektini yaratishimiz kerak. Navbatdagi 

    satrlarni ko’rib chiqamiz:


    HiddenImg = new Images(); 

    HiddenImg.sec = “img3.gif”; 


    1 – satrda yangi Image ob’ekti yaratiladi. 2 – satrda keyinchalik hiddenimg ob’ekti
    yordamida nomayon bo’ladigan tasvir adresi ko’rsatiladi. Ko’rib o’tganimizdek, 


    20

    src atributidagi yangi adres brauzerini ushbu berilgan adresli tasvirni yuklashga 
    majbur qiladi. Shuning uchun, bizning misolimizdagi 2-satr bajarilganda img2.gif
    tasvir yuklana boshlaydi. Lekin HiddenImgning o’z nomidan kelib chiqqan holda 
    (“yashirin tasvir”) brauzer yuklashni tamom qilgandan so’ng ekranda tasvir paydo
    bo’lmaydi. U faqat kompyuterning xotirasida kelgusi foydalanish uchun saqlangan 
    bo’ladi. Ekranga tasvirni chiqarish uchun biz
    document.myImage.src = hiddenImg.src; 

    satridan foydalanamiz:


    lekin endi tasvir xotiradan darrov olinadi va ekranda namoyon bo’ladi. Shu tariqa 
    biz tasvirni ogohlantiruvchi yuklanishni boshqardik.
    Siz anik bir hodisaga reakstiya sifatida tasvirlarning almashinishidan 
    foydalangan holda ajoyib natija olishingiz mumkin. Masalan, sichkoncha
    ko’rsatkichi saxifaning aniq bir joyiga borganda tasvirni almashtirishingiz 
    mumkin. Navbatdagi misolda oddiy qilib sichkoncha ko’rsatkichi tasvirga
    joylashtirilganida tekshirib ko’ring ( umuman bunda siz agar brauzeringiz 
    faqatgina Java S 1.0 ni k-kuv.digan bo’lsa, xatolar haqida xabar olasiz, bundan
    qutilishni so’ngroq ko’rib chikamiz ). 

    O’quvchi Java S 1.1 k-kuv.maydigan brauzerdan foydalanyapti 



    2 chi tasvir yuklatilmagan 



    Buning uchun biz Web saxifadagi har bir tasvir uchun yangi komandalar 

    yozishimiz kerak



    Biz shunday skriptga ega bo’lishni xoxlar edikki, qaysiki uni Web saxifalarning


    ko’pchiligida yana va yana ishlatish imkoni bo’lsa. 
    Endi biz ushbu muommalarni yechuvchi skriptni to’la variantini ko’rib chiqamiz.
    Bu skript uzun bo’lganiga qaramasdan siz uni bir yozib olishingiz bilan ushbu 


    21

    muommalar haqida qayg’urmaysiz. Ushbu skript o’zini ixchamligini saqlab qolishi 
    uchun 2 ta shartni ko’rib chiqish kerak:
    Berilgan skript barcha tasvirlarni pics massiviga joylashtiradi. Ushbu massiv eng 
    dastlab chaqirilgan preload ( ) funksiyasi yordamida yaratiladi. Preload ( )
    funkstiyasini chaqiruvi oddiygina quyidagi ko’rinishda bo’ladi. 
    Bu shuni anglatadiki, bu skript serverdan 2 ta img1.gif va img2.gif tasvirlarini
    yuklashi kerak. Ulardan birinchisini sichqoncha ko’rsatkichi tasvir maydoniga 
    tushmaganda hosil bo’ladigan tasvirdir. Foydalanuvchi sichqoncha ko’rsatkichini
    tasvirga joylashtirsa, u holda 2 chi tasvir paydo bo’ladi. Preload ( ) funkstiyasini 
    chaqirish maboynida “ link 1 ” suzini 1 chi argument sifatida ko’rsatamiz va Web
    saxifadagi Image ob’ektiga oldindan yuklatilgan 2 ta tasvirni berib qo’yamiz. Agar 
    siz bizning misolimizda < body > bo’limini ko’rib chiqsangiz o’sha link 1 nom
    bilan atalgan tasvirni topasiz. Biz tasvirni Web-saxifada hosil qilish uchun skriptni 
    yozib yurmasdan uning tartib raqamidan emas balki uning nomidan foydalanamiz.
    On ( ) va off ( ) funksiyalarni ikkalasi ham onMouseOver va onMouseOut 
    hodisalarni qayta ishlash programmasi vositasida chaqiriladi.Image elementining
    o’zi MouseOver va MouseOut hodisalarini bajarib bilmagani uchun biz bu 
    tasvirlarni murojaat qilishimiz kerak. On ( ) funkstiyasi ko’rsatilgan tasvirdan
    boshqasini dastlabki holatiga keltirishni ko’rishimiz mumkin. Aks holda darrov bir 
    necha tasvir belgilangan bo’lib qoladi, shuning uchun buni qilish juda zarur. ( Gap
    shundaki agarda foydalanuvchi darxol darcha chegarasidan ko’rsatkichni tasvirga 
    joylashtirsa MouseOut hodisasi registrastiya qilinmaydi ).


    Download 59,55 Kb.
    1   ...   4   5   6   7   8   9   10   11   ...   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.