Dritaret pop-up për një larmi të gjerë qëllimesh kanë shumë përdorime në ndërtimin e faqeve në internet. Ato mund të përdoren për të krijuar lloje të ndryshme të menusë, për të vendosur tekste reklamuese dhe grafikë, udhëzime për mjetet kur plotësoni formularë kompleksë dhe është e përshtatshme t'i vendosni vetë format në dritare që nuk zënë vend në faqe. Në artikullin tonë do të gjeni një përshkrim se si mund të bëni një dritare të tillë.
Është e nevojshme
Njohuri themelore të HTML
Udhëzimet
Hapi 1
popup, html, shtresa e fshehur
Hapi 2
Në shumë faqe në internet, ju mund të shihni se bibliotekat e zbukuruara të kornizave të ndryshme JavaScript (jQuery, MooTools, Prototype, etj.) Përdoren për të krijuar dritare pop-up në faqe. Sidoqoftë, në fakt, ato nuk janë të nevojshme kur zgjidhet ky problem i veçantë. Mjetet e disponueshme në Hypertext Markup Language (HTML) dhe Cascading Style Sheets (CSS) janë të mjaftueshme për të krijuar dritare. Dritaret e krijuara në këtë mënyrë do të funksionojnë pavarësisht nëse JavaScript është aktivizuar në shfletuesin e vizitorit.
I gjithë kodi që krijon dritaren mund të vendoset në dy rreshta. Rreshti i parë krijon një lidhje që duhet të klikohet për të shfaqur dritaren:
Kliko këtu!
Këtu, atributi onmouseover i etiketës lidhje vendos llojin e paracaktuar të kursorit të miut për lidhje. Atributi onclick specifikon që kur klikohet lidhja, blloku i fshehur PopUp duhet të bëhet i dukshëm.
Linja e dytë është, në fakt, dritarja pop-up. Shtresa me identifikuesin PopUp dhe madhësinë e dritares, ngjyrën dhe madhësinë e tekstit, sfondit dhe kufirit të specifikuar në atributin e stilit:
Ky është teksti në dritare
Nuk është e dukshme si parazgjedhje - kjo tregohet nga përzgjedhësi i ekranit me një vlerë të asnjë në përshkrimin e stilit të shtresës.
Në të vërtetë, kjo është gjithçka që ju nevojitet për të krijuar një dritare pop-up - vendosni këto dy rreshta midis etiketave dhe faqes tuaj dhe është gati të shkojë.
Hapi 3
Për të qenë në gjendje të mbyllni dritaren pop-up përpara etiketës, duhet të shtoni një lidhje që kryen veprimin e kundërt - duke fshehur shtresën e dukshme me identifikuesin PopUp:
afër
Hapi 4
Dhe nëse dëshironi që dritarja të shfaqet jo duke klikuar, por duke vendosur kursorin e miut, atëherë rreshti i parë me lidhjen duhet të modifikohet në këtë mënyrë:
lëviz miun këtu!
Hapi 5
Tani jeni njohur me parimin dhe strukturën e kodit të dritares së dritares, dhe dizajni i pamjes dhe përmbajtjes së tij varet tërësisht nga qëllimet dhe imagjinata juaj.
