Hogyan lehet csatolni kész modális ablak a helyszínen CSS és jQuery

Köszöntelek, kedves blog olvasók. Ma szeretnék mondani, hogyan kell csatolni egy egyszerű és kész jquery modális ablak az oldalon.

Ahogy már bizonyára észrevette, hogy abban a pillanatban minden oldalon van egy ilyen szép a felugró ablakban, ha rákattint, amit egy link. Mellesleg ez a funkció az oldalon nagyon jó felhívja a felhasználó figyelmét, de azt tanácsolom, hogy ne éljenek vissza azt. Mivel az automatikus pop-up elég bosszantó, hidd el.

Ebben a post nem fogom mondani, hogyan kell ezt csinálni pop-up, csak átvette, és töltse le az utolsó post itt (az első), és most azt akarom mondani, hogy az adatforrások kapcsolódnak a helyszínen.

Ezek modális ablakok meglehetősen egyszerű, és könnyen telepíthető. És van három példát úszó: sima fentről lefelé, csak eltűnt, és a standard nélkül animáció.

Úgyhogy tulajdonítanak :-)

Az első dolog az, hogy töltse le a forrásokat ablakok. Aztán látjuk a következő:

Amint láthatjuk, hogy a forráskódban van demo.html fájl megnyitható, és azonnal látni példát pop-up a számítógépen. Valamint van egy script windows magukat jquery.reveal.js, majd jquery-1.4.4.min.js - van a jQuery keretrendszer, ha már csavarni, akkor törölheti azt. És persze, a stílus modális ablakok reveal.css.

Csak egy pár használt képek a design, ezek nem olyan fontos.

A második lépés az propisanie stílusokat és a scripteket a helyszínen kódját.

Először le kell töltenie a szkriptek és stílusok egy ellenséges telek gyökérkönyvtárába. Ezután a címkék között illessze be a következő:

így kapcsolódik ablak stílusok. Fontos ne felejtsük el, hogy módosítsa a link stílusok. Ebben az esetben ez csak reveal.css.

jQuery szkriptek

Most csatolja szkripteket. Ismét a címkék között írja a következőket:

Ez jQuery könyvtár. Ismét talán már csatlakozik a webhelyen. Ellenőrizze. Ha igen, hagyja ki ezt a lépést.

Most a script modális ablak magát:

Látod, semmi bonyolult. Különösen azért, mert a legtöbb munka már megtörtént. -) A lényeg, ne felejtsük el, hogy a helyes link a jQuery script.

És most, hogy a windows szerzett szükséges regisztrálni kívánt kapcsolat megfelelő osztályok. És maga a kód egy pop-up ablakban.

Mert itt három példa, akkor válassza azt, amelyik közelebb van a lélek:

ebbe a csoportba tartozó modális ablak sima tetején.

itt csak ablak sima.

Ebben az esetben, a megjelenése az ablak szabvány szerint, anélkül, hogy az animáció.

Miután eldöntötte, hogy a ka stílus lebegő ablakban, miután a referencia kód tűzte modális ablakot. Úgy néz ki, mint ez:

Mint látható, a címkéket érdemes címsor kell változtatni, ahogy kell. És a címkék között

és

maga a szöveg.

És valóban lehúznak a témát, hozzá kell tennünk, hogy a cím „Amazing remekművek tehetséges művész - John MacArthur”, mielőtt az az előadó nevét, általában nem lehet kötőjel, vagy egyéb tüneteket.

A másik kérdés az, hogy miért nyúlt rövid kötőjel? En kötőjel egy egészen más jellegű. Ez abban különbözik a hosszú, nem csak a hossza, de nincsenek hiányosságok. Arra használják, hogy jelezze az időt, vagy valamilyen más tartományok, mint például a „idősebb 30-40 év.” Nem „30-40 év”!

Dmitrij, amit a közoktatási programban?
Ha szeretné, hogy segítsen valaki - írja egy személyes. A nyilvánosan beszélni, milyen okos vagy, és mit tudsz-semmiségek körül - legalábbis nem tapintatos ...

És ha vállalják, hogy tanítani másokat, írd hozzáértő: Használt akkor a kifejezés „minden más karakter,” senki sem kell írni együtt.

Nem állítják, hogy valahol van néhány hibát. Igen, mindannyian! A lényeg, hogy nem nyelvtani. És az a tény, hogy én állítólag nem éri meg az összes helyes bejelentkezési kötőjel, úgy gondolják, hogy senki nem vesz észre, és nincs értéke.

Még soha nem volt ilyen, hogy mivel ez a jel a látogató elhagyja a webhelyet. Utalva arra, hogy ez nem a megfelelő jel megéri unalmas, nem tanult, és azt, hogy ez nem megy tovább. vicces :-)

Ebben a párbeszédben, teljes mértékben támogatja Natalia. Ha van valamilyen igényt az én olvasás, akkor kérem, hogy írjon nekem levelet.

Teljesen egyetértek Natalia. Sőt, ha figyelembe vesszük a nevét a művész szempontjából finomítás vagy a „tisztaság” - egy csipetnyi nagyon a helyén.

A „nem tanulnak” viccesen hangzik. „Literacy ezen a honlapon nem fog működni!”

Miért nem működik a PM? Nem szeretem suttogni. Ami a reakciót vártam valami ilyesmit. Normál. Van majdnem teljes tudatlanság nincs semmi, ami megérinti az emberi hiúság, mint megjegyzéseket voltáról beszédét. Paradox. Egyik a műveltség nem aggódik egyáltalán, azt hitte, az utolsó dolog, és próbálja meg valamit mondani ezen a pontszámot - kiderül, mentek a szent.

Írsz: „Én nem tagadom, hogy valahol van néhány hibát. Igen, mindannyian! A lényeg, hogy nem a nyelvtani ". De a szintaxis - a nyelvtani rész, és még fontosabb, mint a morfológia, ami alatt podrazumevuaete összes nyelvtant. Ha figyelembe vesszük, külön morfológiai a hibákat, akkor itt van két példa találomra: a részecske „-Ez” (például „-vagy, egy napon, -koe”, hanem „-taki”, ha meg van írva a szó után, és nem előtte, mint például a „! mégis”) mindig írt kötőjellel, a „nem” a gyakorisága 99% prefix, és csak egy - mentség (van 100% -ban ez egy kifogás, akkor nem semmi azt mondta ?).

És a legfontosabb dolog itt - a pozícióját. Az Ön véleménye szerint, ez nem fontos. Azt mondanám, hogy ez a szakács, egyetértek. De egy ember rajong a pontos tárgyak, ilyen hozzáállás úgy tűnik, több mint furcsa ... Mit mondanak a felvétel «font-family: Segoe Ui, Verdana color: # 444" ? Azonban a szintaxis - egy kicsit? Coder, amely lehetővé teszi az ilyen hibák emelnék nevetni. És, hogy a beszédet? Ez ugyanaz a jelrendszer. Mérhetetlenül nehéz, de a kód. Beszédében azt kódolnak jelentése, hogy szeretnék átvinni egy másik. Törekvés a pontosság a kódot, és annak elhanyagolása a beszéd - ez furcsa egy profi.

Azaz, ha például egész története indiai szanszkrit nyelvtan algebraization részt ezen a nyelven. Szanszkrit - a nyelv magas irodalom, hanem ultra-precíz algebrai bejegyzés mellett. Az eredmény? NASAvsky szuper számítógép nem hajlandó kommunikálni az emberekkel egy másik nyelven. Minden más - szörnyen pontatlan. Latin - többé-kevésbé pontos, de rosszabb, mint a szanszkrit általában gyenge. Tehát, szanszkrit - az egyetlen csillag között nyelven. És miért? És mivel úgy kezelték, mint egy pontos jelrendszer, ugyanaz, mint az algebra, HTML vagy PHP ...

Mindent. Ez nem igaz. De ha legalább késztetett arra, hogy kétségbe vonják a helyességét a kapcsolat a saját hangját, akkor én nem az időmet rád.

Dmitry, sajnálom, ha megsértődött, de kifejezett véleményem. Ismét a különbség nem olyan fontos ebben a kötőjel, függetlenül attól, hogy hosszú vagy rövid.

Igen, bevallom, vannak hibák szintaxis. Nem baj - nem fog tanulni. Különösen azért, mert én csak egy kezdő, hiba nélkül semmilyen módon. Hozzáteszem, hogy még vásárolt kiváló minőségű sablonok nem tesztelt érvényességét, azt hiszem, még nem érdemes folytatni. Minden rossz.

Általában egyszer sajnálom, ha megsértődött.

Ui Sasha, a férjem megkérdezte, hogy közvetíteni gratulálok a bajnokságot „Miner” ...

Hello mindenkinek. Itt egy kérdés. Ebben az ablakban a szöveg megjelenítésére más HTML fájlt? Annak érdekében, hogy ne szennyezze több, mint a szöveg, main.tpl fájlt. Én a motoron DLE. Minden kiderült szépen, általában csak jó. De én kifejtett én main.tpl sablon fájlt. Lehetőség van, hogy a szöveg az ablak külső fájlból?

Egyszer én még nem próbáltam:
és
És ébrenlét megpróbáltam.
Nifiga nem jelenítik meg a szöveget az ablakban egy másik fájlt.

Paul, sajnálom, de DLE nem tudok segíteni. Talán nem lesz ember, aki megoldja ezt a problémát.

Üdvözöljük Achtung. Ez biztosan nem a probléma a modális ablakot. És a php kezelő csak meg kell legvalószínűbb szállít a leveleket. Van egy szabvány postai költségeket.

Külön köszönet a gyors :) Nem bűn modális. Csak nem tudom, hol CMS Opencart php-kezelő ... Én még mindig zöld)

Achtung, akkor léteznie kell egy fájlt a hasonlóság send.php itt van szükség valószínűleg nézni. Szóval nehéz megmagyarázni, mert a kódot nem látott.

Már a szeme majdnem kitört), de azért kösz! By the way, nagy telek van!