Поздравявам всички вас, скъпи читатели на блога. Днес искам да ви кажа как да прикачите прост и конфекция прозорец JQuery модален на сайта.

Както вероятно сте забелязали, че в момента всеки друг сайт има толкова красив прозорец, който се появява, когато щракнете върху това, което линк. Между другото тази функция на сайта е доста добър обръща внимание на потребителя, но те съветвам да не се злоупотреби с него. Защото автоматични изскачащи прозорци, а досадно, повярвай ми.

В този пост няма да ви кажа как да направите това изскачащо, аз просто го взе и го изтеглите от последния пост тук (първата), и сега искам да ви кажа как източниците на данни са приложени към сайта.

Тези модални прозорци са доста прости и лесни за инсталиране. И тъй като там са три примера на плаващ: плавно от горе до долу, просто избледняват и стандарта без анимация.

Така че нека да прикачвате :-)

Първото нещо, което да направите, е да изтеглите източниците с прозорци. След това ние виждаме следното:

Както можете да видите в изходния код имаме demo.html файл, който можете да отворите и веднага да видите пример за изскачащи прозорци на вашия компютър. Както и там е скрипт, прозорци самите jquery.reveal.js, тогава JQuery-1.4.4.min.js - е рамката на JQuery, ако вече сте прецакани, можете да го изтриете. И разбира се, стил модални прозорци reveal.css.

Само няколко изображения, които са използвани в дизайна, те не са толкова важни.

Втората стъпка е propisanie стилове и скриптове в самия код на сайта.

Първо трябва да изтеглите скриптове и стилове на място за настаняване в главната папка. След това, между маркерите въведете следното:

така че ние прикрепен стилове прозорец. Важно е не забравяйте да промените връзката към стилове. В този случай, това е просто reveal.css.

JQuery скриптове

Сега приложете скриптове. Отново между маркерите пише следното:

Това JQuery библиотека. Отново, може би вече е прикачено към вашия сайт. Проверете. Ако е така, пропуснете тази стъпка.

Сега прозореца на скрипт модален себе си:

Виждате ли, нищо сложно. Особено, защото голямата част от работата вече е свършена. -) Основното нещо, не забравяйте да посочите правилния линк към скрипта на JQuery.

И сега, че нашите прозорци са спечелили, че е необходимо да се регистрирате на желаната връзка, съответстваща класове. И в самия код е изскачащ прозорец.

Защото тук са три примера, за да изберете този, който е по-близо до душата:

с този клас модален прозорец изглежда гладка отгоре.

Тук просто се появява прозорец, гладка.

В този случай, на външния вид на прозореца, като стандартно оборудване, без анимация.

След като сте решили на ка стил плаващ прозорец, след референтния код е поставил модален прозорец. Тя изглежда така:

Както можете да видите на етикетите на стойност позиция да бъдат променени, колкото е необходимо. И между маркерите

и

И наистина да завърши по темата, трябва да се добави, че заглавието "невероятни шедьоври талантлив художник - Джон Макартър" пред името на изпълнителя по принцип може да бъде без тирета или други знаци.

Друг въпрос е защо беше опънат в кратък спринт? Дълго тире е много по-различен характер. Той се отличава с дълга, не само дължината, но няма пропуски. Той се използва за обозначаване на времето, или някои други диапазони, като "на възраст 30-40 години." Не "на 30-40 години"!

Дмитрий, какво обществената образователна програма?
Ако наистина искате да помогнете на някого - пишете на лично. А публично говорим за това как сте умни и това, което знаете негодници наоколо - най-малкото, не тактичен ...

И ако се задължават да учат другите, пишат компетентно: използвахте фразата "всички други герои," никой не бива да пишат заедно.

Аз не споря, че някъде имам някои грешки. Да, всички те имат! Основното нещо, което не е граматически. А фактът, че се предполага, че не са си струва всичко правилния знак на арматурното табло, вярвам, че няма да забележи, и то няма никаква стойност.

Никога не е имало такова, че в резултат на този знак посетителят оставя на сайта. Позовавайки се на факта, че това не е правилният знак струва скучна, не образовани, и аз да не влиза повече. смешно :-)

В този диалог, аз напълно подкрепям Наталия. Ако имате претенции към моята грамотност, а след това аз ви моля да ми пишете на пощата.

Напълно съм съгласен с Наталия. Освен това, ако смятаме, че името на изпълнителя по отношение на усъвършенстване или "яснота" - пробив на много не на място.

Вашият "не успяха да се научат" звучи смешно. "Ограмотяване на този сайт няма да работи!"

Защо не се показва на премиера? Не ми харесва да прошепне. Що се отнася до реакцията, очаквах нещо подобно. Нормално. Налице е почти пълно неведение няма нищо, което докосва човешката суета като коментари за неточността на речта си. Paradox. Никой от неговата грамотност не се притеснява изобщо, той помисли, че е последното нещо, и го опитате нещо да каже по този въпрос - оказва се, е присвоил свещеното.

Ти пишеш: "Аз не отричам, че някъде имам някои грешки. Да, всички те имат! Основното нещо, което не е граматически ". Но синтаксиса - секция граматика, и още по-важно, отколкото морфология при които podrazumevuaete всички граматиката. Ако разгледаме поотделно морфологични грешките си, а след това, тук са два примера на случаен принцип: частицата "-Това" (като "-или, някой ден, -koe", но и "-taki", ако е писано след думата, а не пред него, като например) винаги е написано с тире, "не" на честотата на 99% от префикс и само един "все още прави!" - извинение (имате 100% от случаите това е извинение, че не е нищо друго, каза ?).

И най-важното нещо тук - Вашата позиция. Според вас, това не е важно. Бих казал, че това е най-готвач, бих се съгласил. Но за един човек със склонност към точните предмети, подобна нагласа изглежда повече от странно ... Какво ще кажеш за записване «шрифт семейство: Segoe Ui, Verdana цвят: # 444"? Въпреки това, синтаксиса - дреболия? Кодер, които позволяват тези грешки ще бъдат повдигнати да се смее. И това ни реч? Това е една и съща система от знаци. Неизмеримо по-трудно, но кода. В речта си, ние се кодира значения, които искате да прехвърлите в друг. В стремежа си за точност в кода и неговото пренебрегване на речта - това е странно за професионален.

Това означава, че вие ​​например, в цялата история на индийски санскритски граматици algebraization ангажирани в този език. Санскрит - езика на високо литература, но и ултра-прецизен като алгебрични влизане, освен. Какъв е резултатът? NASAvsky супер-компютър отказва да общува с хора, на друг език. Всички останали - ужасно неточно. Латински - повече или по-малко точни, но е лошо, в сравнение с санскрит като цяло лошо. Така че, санскрит - единствената звезда сред езици. И защо? И тъй като той е бил третиран като точен система знак, същото като алгебра, HTML или PHP ...

Всичко. Това не е вярно. Но ако аз, най-малкото, те накара да се съмняват в правилността на вашата връзка към собствения си глас, а след това аз не си губя времето с теб.

Дмитрий, съжалявам, ако обиден, но аз изразих моето мнение. Отново, разликата не е толкова важно в това тире, независимо дали е дълга или къса.

Да, признавам, че има грешки в синтаксиса. Не се обърка - няма да се научат. Особено след като аз съм само начинаещ, без грешка по никакъв начин. Бих добавил, че дори закупени висококачествени шаблони не са тествани за валидност, според мен, повече не си струва да продължите. Всичко наред.

Като цяло, още веднъж съжалявам, ако обиден.

Послепис Саша, съпругът ми ме помоли да предам поздравления на шампионата, "Миньор" ...

Здравейте на всички. Ето един въпрос. В този прозорец, за да се покаже на текст от друг HTML файл? За да не се замърсяват повече от текст, main.tpl файла. Правя на DLE на двигателя. Всичко се оказа прекрасно, обикновено просто страхотно. Но аз разписани в моя main.tpl шаблонен файл. Възможно е да се приведе текстът в прозореца от външен файл?

След като не съм пробвал:
и
И аз се опитах събуждане.
Nifiga не се показва текст в прозореца на друг файл.

Павел, съжалявам, но с DLE не мога да помогна. Може би ще има хора, които ще решат този проблем.

Добре дошли Achtung. Това определено не е проблем на прозореца на модален. И във вашия PHP манипулатор просто трябва да се достави най-вероятно вашата поща. Има една стандартни разходи поща.

Специални благодарности за бързото :) Аз не съгреши на модален. Просто не знам къде CMS OpenCart PHP-манипулатор ... Аз все още съм зелен)

Achtung, трябва да има досие за приликата send.php тук има нужда от вероятно да погледнете. Толкова е трудно да се обясни, защото кода не се вижда.

Вече очите му почти счупи), но все пак благодаря! Между другото, страхотен сайт имате!