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

Download 1,37 Mb.
bet	11/15
Sana	13.06.2024
Hajmi	1,37 Mb.
	#263484

1 ... 7 8 9 10 11 12 13 14 15

Bog'liq
Web dasturlash

JavaScript-ni tahlil qilish

Ikki JavaScript fayli ishlashi uchun zarur bo'lgan barcha kodlarni o'z ichiga oladi. Biz jQuery bilan ishlash tafsilotlarini o'tkazib yuboramiz, chunki u ushbu qo'llanmaning doirasiga kirmaydi. Keling, jquery.dragndrop.js fayliga e'tibor qaratamiz.
22-qator funktsiyaning ta'rifi Draglar.
$.fn.Drags = function(opts) ( var ps = $.extend(( zIndex: 20, noaniqlik: .7, ishlov beruvchi: null, onMove: function() ( ), onDrop: function() ( ) ), opts );
Bu qaytish o'zgaruvchisi va ishga tushirish ma'lumotlarini o'rnatadi Draglar. Bu usul jQuery bilan ishlashda variantlarni boshqa funksiyalarga o'tkazishda juda keng qo'llaniladi. Ichkarida biz hamma uchun o'zgaruvchilarni o'rnatamiz mavjud variantlar sudrab olinadigan to'rtburchaklar uchun.

Quyidagi kod qismi o'zgaruvchi uchun hodisa ishlov beruvchilarini o'z ichiga oladi torting. Ikkala voqea ham torting Va tushirish hodisalar parametrlarini ularga o'tkazish bilan funktsiyalarni chaqirish. Ushbu hodisalar ob'ektni sudrab olib, keyin uni qo'yib yuborish uchun sichqoncha tugmasini bosganingizda sodir bo'ladi.

Var dragndrop = ( drag: function(e) ( var dragData = e.data.dragData; dragData.target.css(( chapda: dragData.left + e.pageX - dragData.offLeft, tepada: dragData.top + e.pageY) - dragData.offTop )); dragData.handler.css(( kursor: "ko‘chirish" )); dragData.target.css (( kursor: "ko‘chirish" )); dragData.onMove(e); ), drop: funksiya( e) ( var dragData = e.data.dragData; dragData.target.css(dragData.oldCss); //.css(( "shaffoflik": "" )); dragData.handler.css("kursor", dragData. oldCss.cursor); dragData.onDrop(e); $().unbind("mousemove", dragndrop.drag) .unbind("sichqoncha", dragndrop.drop); ) )
Bizning funktsiyalarimiz har bir ob'ektning CSS joylashuvini boshqaradi. Agar siz ob'ektlaringizning mutlaq joylashuvini o'zgartirsangiz, bu sizning kodingiz qanday ishlashiga ta'sir qilmaydi, chunki har bir JavaScript funksiyasi ob'ekt uchun qanday uslub belgilanishidan qat'iy nazar o'zgartiradi.
Kodning qolgan qismida ishlov beruvchi tekshiriladi va boshqa uslublar kosmetik jihatdan o'zgartiriladi. Bu yerda siz shaffoflik, shrift va rangdagi o'zgarishlarni qo'shishingiz yoki yangi paragraflar qo'shishingiz mumkin.

Download 1,37 Mb.

1 ... 7 8 9 10 11 12 13 14 15

Download 1,37 Mb.