Ferestrele pop-up pentru o mare varietate de scopuri au multe utilizări în construcția de web. Acestea pot fi folosite pentru a crea diverse tipuri de meniuri, pentru a plasa texte publicitare și grafică, sfaturi de instrumente la completarea formularelor complexe și este convenabil să plasați formularele în ferestre care nu ocupă spațiu pe pagină. În articolul nostru veți găsi o descriere a modului în care puteți crea o astfel de fereastră.
Este necesar
Cunoștințe de bază în HTML
Instrucțiuni
Pasul 1
popup, html, strat ascuns
Pasul 2
În multe pagini de pe web, puteți vedea că bibliotecile fanteziste din diferite cadre JavaScript (jQuery, MooTools, Prototype etc.) sunt utilizate pentru a crea ferestre pop-up în pagini. Cu toate acestea, de fapt, acestea nu sunt necesare atunci când se rezolvă această problemă. Instrumentele disponibile în Hypertext Markup Language (HTML) și Cascading Style Sheets (CSS) sunt suficiente pentru a crea ferestre pop-up. Ferestrele create astfel vor funcționa indiferent dacă JavaScript este activat în browserul vizitatorului.
Tot codul care creează fereastra pop-up poate fi plasat pe două linii. Prima linie creează un link pe care trebuie să faceți clic pentru a afișa fereastra pop-up:
Click aici!
Aici, atributul onmouseover al etichetei de legătură setează tipul implicit de cursor al mouse-ului pentru legături. Atributul onclick specifică faptul că atunci când se face clic pe link, blocul ascuns PopUp ar trebui să devină vizibil.
A doua linie este, de fapt, fereastra pop-up. Strat cu identificatorul PopUp și dimensiunea ferestrei, culoarea și dimensiunea textului, fundalului și chenarului specificate în atributul de stil:
Acesta este textul din fereastra pop-up
Nu este vizibil în mod implicit - acest lucru este indicat de selectorul de afișare cu o valoare nicio în descrierea stilului stratului.
De fapt, acesta este tot ceea ce aveți nevoie pentru a crea o fereastră pop-up - plasați aceste două linii între etichete și pagina dvs. și este gata de plecare.
Pasul 3
Pentru a putea închide fereastra pop-up din fața etichetei, trebuie să adăugați un link care efectuează acțiunea opusă - ascunzând stratul vizibil cu identificatorul PopUp:
închide
Pasul 4
Și dacă doriți ca fereastra să apară nu făcând clic, ci deplasând cursorul mouse-ului, atunci prima linie cu linkul trebuie modificată în acest fel:
mutați mouse-ul aici!
Pasul 5
Acum sunteți familiarizați cu principiul și structura codului ferestrei pop-up, iar designul aspectului și conținutului său depinde în totalitate de obiectivele și imaginația dvs.
