Folosiți fancybox și jquery pentru a crea ferestre modale

Crearea unei ferestre modal este destul de mare nevoie a cererii, care ar putea apărea în practică pe scară largă pentru scopuri diferite, fie că este o simplă formă de intrare mesaj de informații, sau orice altceva. Din fericire terminat deja activitatea altor programatori, care pot fi utilizate și, astfel, a economisi timp pentru alte sarcini. Acum vom vorbi despre modul în care puteți utiliza biblioteca JQuery și fancybox pentru a crea o fereastră modală.







Descărcați arhiva cu fișierele. Mai mult, vom analiza modul în care este posibilă fixarea tuturor acestor activități în cadrul proiectului. Despachetați arhiva, plasați fișierele în directorul șablonului, apoi conectați la fișierele corespunzătoare din pagina de cap-titlu:







Acum, direct la forma în sine. Formularul poate fi absolut arbitrar, cu un set de câmpuri sau alte date, nu este o chestiune de principiu, punctul cheie aici este că am pus întregul lucru într-un bloc și îi atribuim atributul id, în cazul meu este feedback. În stilurile pentru acest bloc, setați afișarea valorii: nu există astfel încât formularul să nu fie afișat pe pagina însăși.

Fiți atenți la atributele link-ului, href specifică id-ul formei, precum și clasa modalbox, care va fi, de asemenea, utilizat pentru a inițializa fereastra pop-up.

În mod similar, puteți face orice fereastră modal cu câmpuri arbitrare, și alte date pe care le face în bloc. Puneți întrebări, voi încerca să vă ajut.
Iată un exemplu de funcționare a unei ferestre.







Trimiteți-le prietenilor: