• Tadbir Tavsif
  • Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg




    Download 1,37 Mb.
    bet5/15
    Sana13.06.2024
    Hajmi1,37 Mb.
    #263484
    1   2   3   4   5   6   7   8   9   ...   15
    Bog'liq
    Web dasturlash

    Ishga tushirish misoli
    Ushbu misol sudrab olish jarayonida elementning matn tarkibini o'zgartirish uchun boshlash va to'xtatish hodisalaridan foydalanadi. Bu afzallik Draggable oʻzaro taʼsiri toʻliq HTML va CSS yordamida amalga oshirilganligidan kelib chiqadi: siz jQuery-dan suzuvchi elementning holatini hatto ekran boʻylab harakatlanayotganda ham oʻzgartirishingiz mumkin.

    Droppable o'zaro ta'siridan foydalanish


    Ba'zi hollarda elementni sudrab olishning o'zi etarli bo'lishi mumkin, ammo u Droppable o'zaro ta'siri bilan birgalikda foydalanilganda juda foydali bo'ladi.
    Droppable o'zaro ta'siri qo'llanilgan elementlar (elementlarni qabul qilish) Draggable o'zaro ta'sirida yaratilgan tashlab yuboriladigan elementlarni qabul qilish qobiliyatiga ega bo'ladi.
    Qabul qiluvchi elementlar bilan yaratilgan droppable() usuli, lekin foydali funksiyalarga ega bo'lish uchun siz ushbu turdagi o'zaro ta'sir uchun belgilanganlar orasidan voqea ishlov beruvchilarini yaratishingiz kerak bo'ladi. Mavjud hodisalar quyidagi jadvalda ko'rsatilgan:
    O'zaro ta'sir qilish hodisalari

    Tadbir

    Tavsif

    yaratmoq

    Elementga Droppable shovqin qo'llanilganda paydo bo'ladi

    faollashtirish

    Foydalanuvchi suzuvchi elementni sudrab chiqa boshlaganda paydo bo'ladi

    o'chirish

    Foydalanuvchi suzuvchi elementni sudrab yurishni to'xtatganda paydo bo'ladi

    ustida

    Foydalanuvchi suzuvchi elementni qabul qiluvchi element ustidan sudrab oʻtganda sodir boʻladi (lekin sichqoncha tugmasi hali qoʻyib yuborilmagan boʻlsa)

    tashqariga

    Foydalanuvchi suzuvchi elementni qabul qiluvchi elementdan tashqariga tortganda sodir bo'ladi

    tushirish

    Foydalanuvchi qabul qiluvchi elementda suzuvchi element qoldirganda sodir bo'ladi

    Bir tomchi hodisa ishlovchisiga ega oddiy qabul qiluvchi elementni yaratish misoli quyida keltirilgan:
    ...
    bu yerdan ket
    meni torting
    Ishga tushirish misoli
    Ushbu misolda hujjatga div elementi qo'shilgan, uning matn mazmuni "Bu erda qoldiring" qatori bilan ifodalanadi. Biz jQuery yordamida ushbu elementni tanlaymiz va droppable() usulini chaqiramiz va unga tushirish hodisasi uchun ishlov beruvchini belgilaydigan sozlamalar ob'ektini o'tkazamiz. Ushbu hodisaga javob matn () usuli yordamida suzuvchi elementning matnini o'zgartirishdir.
    Ushbu misolda biz yaratgan sudrab olib tashlash o'zaro ta'siri eng sodda, ammo u sudrab olinadigan va tashlab yuboriladigan o'zaro ta'sirlarning qanday ishlashini tushuntirish uchun foydali kontekstni taqdim etadi. Elementlarni sudrab olib tashlash jarayonining turli bosqichlari rasmda ko'rsatilgan:

    Bularning barchasi juda oddiy ko'rinadi. Biz ko'chirilayotgan elementni qabul qiluvchi elementdan yuqori bo'lgunga qadar sudrab boramiz va uni qo'yib yuboramiz. Tushilgan element qolgan joyida qoladi va uning matn mazmuni tushish hodisasining paydo bo'lishiga javoban o'zgaradi. Quyidagi bo'limlar foydalanuvchi tajribasini yaxshilash uchun boshqa Droppable shovqin hodisalaridan qanday foydalanishni ko'rsatadi.

    Download 1,37 Mb.
    1   2   3   4   5   6   7   8   9   ...   15




    Download 1,37 Mb.

    Bosh sahifa
    Aloqalar

        Bosh sahifa



    Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi toshkent axborot texnologiyalari universiteti farg

    Download 1,37 Mb.