jQuery

Remodal jQuery plugin – necə istifadə edilir?

Günümüzdə veb səhifələr hazırlayarkən mütləq jQuery javascript kitabxanasından istifadə edirik. jQuery kitabaxanasını istifadə edən qoşmalardan birini bu yazımda tanıdaraq, istifadə qaydasını göstərəcəm.

Deməli istifadə edəcəyimiz jQuery qoşmasının adı Remodal`dır. Müxtəlif səhifələrdə yəqin ki, müvafiq bağlantıya kliklədikdə səhifənin qaralıb yeni bir mesajın vəya səhifənin çıxdığını müşahidə etmisiniz. Bu qoşma da elə həmin əməliyyatı yerinə yetirmək üçün istifadə edilir.

Remodal jquery plugin istifadə qaydası

Keçək istifadə qaydasına.

Əvvəla remodal adlı bir qovluq açıb içərisind index.html adlı fayl açıb aşağıdaki kodları addım addım əlavə edək:

1. Addım: HTML səhifəmizi hazırlayaq

 

 
Kodlar bölməsində qeyd etdiyim başlıq, gövdə, alt hissə bölmələri şərhdir. Bu tip kodlar istifadəçiyə göstərilmir. Sadəcə asanlıq olsun deyə qeyd etmişəm. Çünki əlavə edəcəyimiz kodlar bu şərhlərin altına əlavə edilməlidir.
 
2.addım: Səhifəmizə jQuery kitabxanasını əlavə edək. Jquery kitabxanasını səhifəmizin body təqləri arasında ən alta body təqini bağlamadan əvvəl “alt hissə” şərhinin altına əlavə etməliyik.
 
 
3.addım: Remodal qoşmasının rəsmi səhifəsinə gedərək lazımı paketi endirməliyik. Bunun üçün bu linkdən istifadə edə bilərsiniz. Açılan səhifədə Downloads bölməsində Source Code (zip) faylını endirə bilərsiniz.
 
4.addım: Endirdiyiniz zip faylı içərisində src qovluğundakı jquery.remodal.cssjquery.remodal.js fayllarını 1. addımda açdığımız remodal qovluğuna atmalıyıq.
 
5.addım: Qovluğa atdığımız bu iki faylı index.html səhifəmizdəki kodlara əlavə etməliyik. jquery.remodal.css faylını “başlıq” şərhindən sonra, jquery.remodal.js faylını isə “alt hissə” şərhindən sonra əlavə etdiyimiz jQuery kitabxanasından sonra əlavə etməliyik. Əlavə edəcəyimiz kodlar belədir:

jquery.remodal.css üçün:

jquery.remodal.js üçün:

 

Və son olaraq aşağıdaki kofları “gövdə” şərhindən sonra səhifəmizə əlavə etməliyik:

Deməli bütün kodları bir araya yığsaq index.html faylı aşağıdaki kimi olmalıdır:

Yazdığımız kodları aşağıda RESULT bölməsində hazır formada incələyə bilərsiniz:

Müəllif haqqında: Anar SAMADOV

Bilgi paylaşdıqca çoxalır deyərək paylaşmağa çalışıram bildiklərimi, öyrəndiklərimi və xoşuma gələnləri :)

1 şərh

Şərh yaz