Popup форма за обратна връзка, шефът на ИТ

Представен под формата на този проект има следните характеристики:

работа Аякс базирана технология, т.е. без презареждане на страницата;
образна клирънс формира на базата на рамката за първоначално зареждане 3;
CAPTCHA присъствие и свързване към формата на произволен брой файлове (по подразбиране 5);
проверка за грешки, както от страна на клиента и сървъра страна;
Сървър компонент на формата за обратна връзка работи по PHP;
изпращане на потребителски данни, включително файлове на поща (файлове могат да бъдат приложени към писмото като прикачен файл или в организма чрез позоваване);
запазване на информация на забавено клиент в message.txt файл.

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

добавите бутон за отваряне на формата в модален прозорец;
поставете в HTML кода на структурата на модален прозорец на първоначално зареждане рамка;
премести в тялото на модален прозорец форми HTML код за обратна връзка;
Добави script.js скрипт код, който ще бъде почистена изпратено успешно форма, за да бъде в състояние да изпрати друг.

Т.е. трябва да бъдат направени 2 файла промени: index.html и script.js.

HTML файл, който съдържа формата за обратна връзка

Отворете файла index.html и vnesom следните промени:

1. бутона, за да се обадите на изскачащ прозорец:

2. Ние напусне прозорец:

След този код бърз предаде формата за обратна връзка в модален прозорец.

В резултат на това, файлът index.html ще има следното съдържание:

В script.js файл ще трябва да се направи само едно изменение, което ще бъде след затварянето на модален прозорец, за да извършите следните действия:

Т.е. провери дали представената форма е успешно, и ако е така, за да го почистите.

Общо script.js файл код:

Изтеглете формата за обратна връзка

Безплатно изтегляне архив, съдържащ obrtanoy форма на комуникация, можете да използвате следната връзка:

Формулярът за работа сайт за обратна връзка ще демонстрира с помощта на следното изображение:

3. потребителят е въвел грешен CAPTCHA и натиснете бутона "Изпращане на съобщение":

4. обратна връзка подаване успешна форма:

5. В писмото, което дойде на формуляра за отзиви за управление:

Добър ден. Използвайте един от начините си в модален прозорец, всичко работи добре.

Въпросът е: как да се използват две еднакви форми на същата страница - един в модален прозорец, а другият просто винаги отворен на страницата? Аз се опитвам да се използва една и съща форма, но спретнат маркери за бутона за отваряне и модалните прозорците - форма на виси на страницата, но не покаже тестът за разграничаване и опресняване бутон не работи. За забавление, аз помолих друг номер в script.js който гласи «презареждане-капитан»
Промених като в HTML:
Мислех, че правилният вид Captcha дори когато щракнете върху "Update", но нищо не се случва.

Добър ден! Обратна връзка код поставена в основната обратна връзка index.html и се премества в корена. При натискане на бутона се появява форма, но това е написано, че съобщението е изпратено. Как да се съчетаят форма с CSS CSS основния код?

Александър много ви благодаря за отговора!

Има няколко въпроса ((
1 - Имаме нужда от цяла папка обратна връзка форма-в-модален гласове за хостинга или просто да verify.php капитан и подаде?
2 - Не искам CAPTCHA ако мога просто да изтриете дали той ще работи еднакво?

Сега се опитвам да изпратите съобщение до почти нищо не идва и просто хвърля в горната част на страницата.

Разбира се цялата папка. По подразбиране тази папка трябва да бъде преименуван на обратна връзка, т.е. обратна връзка форма в-модален -> обратна връзка. Намерете директорията трябва да бъде в основата на сайта. Index.html файл може да бъде преместен на всяко желано място. Това може да стане в резултат на факта, че в него по целия път, посочен абсолютно (т.е. / обратна връзка /.). След като вече имате всичко това правилно положение всичко трябва да се направи.

Ако не искате да копирате цялата папка, формата за обратна връзка ще трябва да бъде след това допълнително да персонализирате. Например, за да се определят техните стилове, JS-скриптове, PHP библиотека (phpMailer) и други.

Ако CAPTCHA не е необходимо, е необходимо в допълнение към премахване на файлове, captcha.php oswald.ttf и background.png премахнете по-подходящи линии в файловете и script.js verify.php. Ако имате нужда от такъв монтаж (без капитан), а след това тя може да осигури допълнително.

Благодарим ви за вашата форма.
Аз имам един въпрос, въведете вашия имейл адрес, на който тя трябва да изпрати писмото да дойде.

Тарифа поддържа PHP 5.1-5.6.
Александър, си форма е лесно да редактирате.
Премахнато капитан, увеличен обем е позволено да изпращат файлове.
Планирах да добавите запис на телефонен номер.
Wanted форма адаптирана към показване на мобилни устройства.
Опитвам се да бръкнат по-дълбоко.
Аз ще напиша за подкрепата.
Във всеки случай, благодаря за извършената работа.

Благодаря за отговора.
Сайтът на статичната страница 1, прост HTML.
. Htaccess присъства:
Опции индекси FollowSymLinks
DirectoryIndex index.html
AddCharset UTF-8 .php .html .js

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

Лека нощ, Александър.
Формата едва ли е написал (не много опитен). Визуално всичко работи и удовлетворени.
След изливане на сървъра при обработката на въведените данни и изпратени
получава отговор от правия HTML код сървър в следния вид:
itchief.ru/assets/uploadify/8/8/f/88fe5b7b9a925768c4f713af00daa84e.jpg
т.е.
itchief.ru/assets/uploadify/1/9/f/19f679297031a70be9980fb59bb9641f.jpg

Бях ужасно объркан)

Грешка 403 може да се случи при липса на необходимия файл или директория, а също и в присъствието на недостатъчни права. По-подробно, за да видим какво идва вид отговор (грешка) от сървъра, обърнете се към разработчика на панел на браузъра в раздела Network.

Благодаря. Формата е оформена, но с леко нюанс.
Ако се натисне, първите бутоните от 1 до 4, а след това, като щракнете върху бутона 5 (свободен избор) под формата на блокирани SELECT, не изберете нищо, и показва най-новите данни аргумент стойността, на която се натисне.

В script.js файл промените кода
за

Поздрави отново принудени да попитам.
Тази опция работи добре офлайн.
Аз се опитвам да го връзвам към сайт на Joomla.
по някакъв начин да функционира
не работи, тя показва пълния списък, винаги, когато натиснете някой бутон.
Погледнах в "извън линия" и "Свързване с Facebook Joomla сайт" свързан същата версия на JQuery и BS.
Какво може да е проблема?

Опитайте се да поставите този код в модула:

Александър, добре дошъл отново.
Има такъв въпрос.
Да речем, на страница 5 има "различни бутони," което води до формата, например:
1. телевизия
2. Прахосмукачки
3. Желязо
4. Maker
5. Изберете
Нещо се искаше:
1. Ако щракнете върху бутона с 1-4, има форма, в която не е необходимо да се избере каква форма на искането и изпраща информацията, която са поискали такава кана.
2. Чрез натискане на бутона пета, форма, се появява с SELECT, където можете да изберете една или повече от първите 4 опции.

Може би, ако се прилага в рамките на прозореца на различни видове транспорт, и как да го направя?

Здравейте. Разбира се, че може. Създаване на куп модални прозорци - това не е правилният подход.

Добави към файла index.html необходимите бутони (например данни данни аргумент атрибут):
Добави за формиране на съответното поле:
В досието след линии script.js
следния код:
В първата част на кода, след зареждането на страницата запълвания Изберете необходимата опция.
Втората част е, когато отворите прозореца модален след това се определя чрез които тя се отвори бутона и настроите желаната стойност в опция, освен ако, разбира се, те имат бутони или да предлага възможности за избор.