Astăzi vom analiza un script interesant care ne va ajuta să afișăm fișiere externe într-o frumoasă fereastră modală.
Această funcție va fi utilă în special pe site-urile în care este necesar să se prezinte o mulțime de informații și, în același timp, să nu se încarce greu pagina. Toate documentele suplimentare pot fi afișate în astfel de ferestre modale.
De la începutul documentului, conectăm cadrul și funcția:
Apoi, conectăm stilurile de design. În acest exemplu, am folosit atât o foaie de stil externă, cât și stiluri interne. Le puteți uni într-un singur loc, dacă doriți.
În cod există modalități de a face fotografii, deci dacă le transferați - nu uitați de calea.
Și acum, oriunde în document, introducem un link către fișierul extern și creăm un buton pentru a apela acest fișier.
Lecția sa terminat. Până mâine.
Ultimele 5 lecții din rubrica "jQuery"
Astăzi dorim să vă spunem despre biblioteca TypeIt - un plugin jQuery gratuit. Cu aceasta, puteți simula tastarea. Dacă totul este ajustat corect, puteți obține un efect foarte realist.
jQuery plugin pentru crearea unei cronologii.
jQuery plugin pentru crearea unei diagrame Gantt.
Un exemplu de încărcare a unui fișier prin PHP și jQuery ajax.
Vă mulțumim pentru lecție - foarte în timp util! Spuneți-mi cum să faceți o legătură cu fereastra imaginii modale?
Mulțumesc pentru lecție. dar nu-mi spuneți cum să fiu cu codificarea, în loc de literele ruse abracadabra?
schimba caracterele = setul de caractere utf-8 la charset = windows-1251
Dacă puneți 2 butoane și le încărcați cu diferite fișiere externe, Opera uneori închide în Opera și nu vrea să se ascundă. Care ar putea fi problema? Cât de corect trebuie să faceți încărcarea diferitelor fișiere din linkurile dintr-o singură pagină?
Aceleași prostii ca și Edward și Zamir. Încarcă același fișier pe ambele butoane și nu vrea să închidă. Cum să rezolv?
nosferatu_demian
Totuși am găsit o soluție. Există o opinie că dezvoltatorii au pus în mod special rake-ul, care ar fi apelat la ei pentru ajutor. În general, în scriptul care este prescris în cap pentru a elimina această condiție: și apoi de fiecare dată când descărcați conținut nou. În general, încarc un fișier separat în care există o conexiune la baza de date, solicitări etc. ) Bucurați-vă!
Denis Vasilyev
Dacă ștergeți întreaga condiție, atunci nu veți avea nimic deloc. Porniți logica. Extragem conținutul condiției și ștergem condiția însăși.
YO! Kick-Ass. Puteți spune oamenilor cum să facă 2-10 runde modale pe pagină. De pretutindeni oamenii cer doar tăcere. Administrator pur crud, iese.
Bine, acum sunt Admin! # overlay-add napriere, # overlay2 și așa peste tot în stiluri și în id = "overlay2", de asemenea, în CSS div.overlay2 și cu cât mai multe ferestre noi, cu atât mai multe 2-50 numere. În continuare veți înțelege!
VALERI - esti un admin cool. )
Otilchno! despre codificare - și unde să o schimbi? Am deja în titlu: iar textul rus în fereastra modală nu este afișat corect. Spune-mi, pls.
Despre adăugarea mai multor ferestre: 1) Este necesar să se creeze mai multe stiluri diferite (la fel de mult ca și doriți ferestre pe site), de exemplu, așa cum deja delali..no cu diferite overlay1 nazvaniem..naprimer, overlay2, ei pur și simplu copiați ceea ce a fost în stilul inițial . De asemenea, a primit o folie 2) creați fișierul pe care doriți (aveți de gând să boot) și de a face referire la ea a href = „calea către fișierul. Resolution“ = „butonul“ rel = „# suprapunere“ tip de buton Inscripția de pe butonul / butonul / a 3) bine, și, în consecință, schimbați id-ul elementelor div cu cele pe care le-ați creat în primul paragraf. și bucurați-vă de ferestre. și Eugene un Respect uriaș pentru resursă. Mulțumesc și un arc scăzut!
dacă va afișa încă același fișier, atunci trebuie să inserați conținutul fișierului încărcat între div id = "wrap" atunci totul va funcționa. dar, din păcate, un fișier separat nu se va încărca. )
spune-mi cum să trimit un fișier (sau o parte dintr-un fișier) în aceeași fereastră (pagină) ca și butonul în sine?
este o problemă dacă în fereastra modelului există un script jQuery că nu va funcționa deja
Ei bine, dacă te uiți la script-ul din lateral că încarcă un fișier cu un anumit conținut în fereastră, atunci da. scriptul nu va funcționa! Dar dacă te uiți la el din partea încărcării conținutului arbitrar prin elementele de bloc ale codului însuși, scriptul funcționează!)
dar ca în această fereastră deschideți fișierul PHP aici cu un astfel de conținut (adăugând un comentariu), doar că există un utilizator de verificare sau un invitat.
chiar dacă nu există nici un control, tot nu se încarcă php
Salutări! Spune-mi rog, cine știe! Când faceți clic pe un link în fereastra modală, conținutul se deschide în aceeași fereastră modală. Și cum să deschideți conținutul într-o fereastră nouă (nu modală). Mulțumesc!
Ajutor vă rog! De ce când conectați un script (), Eu nu lucrez celalalt?
Și o altă problemă: (((Fereastra modală în sine este afișată, dar nu există conținut în ea - este goală.) Nu pot să-mi dau seama.
Și nu-mi spuneți cum să conectați un site extern la fereastra modal, de exemplu, care ar fi în site-ul încărcat în fereastră modală vkontahte.ru
Super. Un script foarte util. Mulțumesc.
În acest exemplu, se folosește un script care rulează pe partea de server. La mine pe Yandex-nativ funcționează extrem de stângace. Aceasta nu descarcă conținutul în IE și FF, se încarcă și apoi încearcă să meargă la o altă pagină în OPERA. Cum de a rezolva problema.
De ce este fișierul meu nedefinit? a descărcat fișierul sursă și fișierul nu este afișat?
Mulțumesc pentru material, există dorința de a întuneca pagina principală sub fereastra modală, spune-mi cum să o fac.
Băieți, spuneți-mi, totul funcționează bine. Cu toate acestea, textul rusesc în fereastra modală nu este afișat corect. Ce ar trebui să fac? plz! Aveți nevoie de infa!
episcop, codarea textului utf8 ar trebui să fie bătută
Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!
Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!
Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!