Pojavna okna za najrazličnejše namene imajo veliko uporab pri spletni gradnji. Uporabljajo se lahko za različne vrste menijev, umeščajo oglaševalska besedila in grafike, namigi pri izpolnjevanju zapletenih obrazcev, priročno pa je, da same obrazce postavite v okna, ki ne zasedajo prostora na strani. V našem članku boste našli opis, kako lahko naredite takšno okno.
Potrebno je
Osnovno znanje HTML
Navodila
Korak 1
pojavno okno, html, skrita plast
2. korak
Na mnogih spletnih straneh lahko vidite, da se za ustvarjanje pojavnih oken na straneh uporabljajo modne knjižnice različnih okvirov JavaScript (jQuery, MooTools, Prototype itd.). Vendar v resnici niso nujni pri reševanju te posebne težave. Orodja, ki so na voljo v jeziku za označevanje hiperteksta (HTML) in kaskadnih slogovnih listih (CSS), zadoščajo za ustvarjanje pojavnih oken. Tako ustvarjena okna bodo delovala ne glede na to, ali je v brskalniku obiskovalca omogočen JavaScript.
Vso kodo, ki ustvari pojavno okno, lahko postavimo v dve vrstici. Prva vrstica ustvari povezavo, ki jo je treba klikniti za prikaz pojavnega okna:
Klikni tukaj!
Tu atribut onmouseover oznake povezave nastavi privzeti tip kazalca miške za povezave. Atribut onclick določa, da mora biti ob kliku povezave viden skriti blok PopUp.
Druga vrstica je pravzaprav pojavno okno. Plast z identifikatorjem PopUp in velikostjo okna, barvo in velikost besedila, ozadjem in obrobo, določenimi v atributu slog:
To je besedilo v pojavnem oknu
Privzeto ni viden - to označuje izbirnik zaslona z vrednostjo nič v opisu sloga sloja.
Pravzaprav je to vse, kar potrebujete za ustvarjanje pojavnega okna - postavite ti dve vrstici med oznake in vašo stran in že je pripravljeno za uporabo.
3. korak
Če želite zapreti pojavno okno pred oznako, morate dodati povezavo, ki izvaja nasprotno dejanje - skrivanje vidne plasti z identifikatorjem PopUp:
blizu
4. korak
Če želite, da se okno ne prikaže s klikom, temveč s kazalcem miške, potem morate prvo vrstico s povezavo spremeniti na ta način:
premakni miško sem!
5. korak
Zdaj poznate načelo in strukturo kode pojavnega okna, zasnova njenega videza in vsebine pa je v celoti odvisna od vaših ciljev in domišljije.
