Formularul de feedback Popup, șeful IT

Prezentat sub forma acestui proiect are următoarele caracteristici:

de lucru bazate pe tehnologia ajax, și anume fără a reîncărca pagina;
clearance-ul în formă de format pe baza cadrului Bootstrap 3;
Prezența CAPTCHA și atașamentul față de forma oricărui număr de fișiere (implicit 5);
verificarea erorilor, atât pe partea de client și partea de server;
Server componentă a formularului de feedback este de lucru pe php;
trimiterea de date de utilizator, inclusiv fișierele de pe e-mail (fișierele pot fi atașate la scrisoarea ca un atașament sau în organism prin referință);
păstrarea informațiilor clientului întârziate în fișierul message.txt.

Pentru a modifica proiectul, și anume posibilitatea de a afișa formele fereastra pop-up, feedback-ul, va fi necesar să se facă următoarele:

adăugați un buton pentru deschiderea formularului într-o fereastră modal;
inserați în codul HTML al structurii ferestrei modale a cadrului Bootstrap;
muta în corpul unui modal formulare de feedback fereastră HTML code;
Adăugați un cod de script script.js, care va fi curățat formularul trimis cu succes, pentru a putea trimite un alt.

Ie modificări trebuie să fie făcute 2 fișiere: index.html și script.js.

fișier HTML care conține formularul de feedback

Deschideți fișierul index.html și vnesom următoarele modificări:

1. Butonul pentru a apela fereastra pop-up:

2. Lasam fereastra:

După acest cod transmite rapid formularul de feedback într-o fereastră modal.

Ca urmare, fișierul index.html va avea următorul cuprins:

În script.js fișier va trebui să facă un singur amendament, care va fi după închiderea unei ferestre modale pentru a efectua următoarele acțiuni:

Ie verifică dacă formularul trimis este de succes, și dacă da, să-l curățați.

Cod total fișier script.js:

Descărcați formularul de feedback

arhiva descărcare gratuită de formă care conține obrtanoy de comunicare, puteți folosi link-ul următor:

Formularul de feedback de lucru site-ul va demonstra utilizând următoarea imagine:

3. Utilizatorul a intrat în captcha greșit și apăsați butonul „Trimite mesajul“:

4. Un feedback de formă de succes de depunere:

5. Scrisoarea, care a venit pentru a forma feedback-ul de manager:

Bună ziua. Utilizați una dintre formele dvs. într-o fereastră modal, totul funcționează bine.

Întrebarea este: cum să utilizeze două forme identice pe aceeași pagină - una într-o fereastră modal, cealaltă doar întotdeauna deschisă pe pagina? Am încercat să folosească aceeași formă, dar pune în ordine etichete pentru butonul de deschidere și ferestre modale - o formă de agățat pe pagină, dar nu afișează CAPTCHA, și reîmprospăta buton nu funcționează. Pentru distracție, am întrebat un alt id în script.js care prevede «Reîncărcați-captcha»
Am schimbat ca în html:
Am crezut că aspectul captcha corectă chiar și atunci când faceți clic pe „Update“, dar nu se întâmplă nimic.

Buna ziua! Codul de feedback inserat în principal index.html feedback-ul și sa mutat la rădăcină. Apăsarea butonului apare o forma, dar este scris că mesajul a fost trimis. Cum se pot combina forma cu codul de bază css css?

Alexander vă mulțumesc foarte mult pentru răspunsul!

Există câteva întrebări ((
1 - Avem nevoie de un întreg dosar exprimate de feedback-formular-în-modal către hosting sau pur si simplu pot verify.php captcha și fișier?
2 - Nu vreau CAPTCHA dacă ștergeți pur și simplu, dacă va funcționa uniformă?

Acum încerc să trimit un mesaj la aproape nimic nu vine și aruncă doar pe partea de sus a paginii.

Desigur, întregul folder. În mod implicit, acest folder trebuie să fie redenumit feedback-ul, și anume Feedback-form-in-modal -> feedback. Localizați directorul trebuie să fie în rădăcina site-ului. fișier index.html poate fi mutat în orice locație dorită. Acest lucru se poate face din cauza faptului că în el tot drumul specificat absolut (de exemplu / feedback-ul /.). O dată ce aveți această poziție în mod corect trebuie să facă totul.

Dacă nu doriți să copiați întregul folder, formularul de feedback-ul va trebui să fie apoi personaliza și mai mult. De exemplu, pentru a determina stilurile lor, js-script-uri, biblioteca PHP (PHPMailer) și altele.

În cazul în care nu este necesară CAPTCHA, este necesar, în plus față de eliminarea captcha.php fișiere, oswald.ttf și background.png elimina liniile mai relevante din fișierele și script.js verify.php. Dacă aveți nevoie de un astfel de ansamblu (fara captcha), atunci acesta poate oferi în plus.

Vă mulțumim pentru formă.
Am o întrebare, introduceți adresa de e-mail în cazul în care aceasta ar trebui să trimită scrisoarea să vină.

Tarif suporta php 5.1-5.6.
Alexander, forma dvs. este ușor de editat.
captcha Eliminat, volumul a crescut permis pentru a trimite fișiere.
Am planificat pentru a adăuga introducerea numărului de telefon.
Forma de căutare adaptată pentru afișarea pe dispozitive mobile.
Încerc să sape mai adânc.
Voi scrie pe suport.
În orice caz, mulțumesc pentru munca depusă.

Multumesc pentru raspuns.
Site-ul paginii statice 1, un simplu html.
. htaccess este prezent:
Opțiuni indexuri FollowSymLinks
DirectoryIndex index.html
AddCharset utf-8 .php js .html

Sunt încă foarte confuz,
mai mult și mai mult superior el însuși, știind cunoștințele sale de procedură.
Familiar solicită introducerea formularul de returnare))

Noapte bună, Alexander.
Forma cu greu a scris (nu foarte experimentat). Vizual totul funcționează și mulțumit.
După turnarea pe server atunci când procesarea datelor introduse și trimise
primește un răspuns de la serverul drept de cod HTML în forma:
itchief.ru/assets/uploadify/8/8/f/88fe5b7b9a925768c4f713af00daa84e.jpg
și anume
itchief.ru/assets/uploadify/1/9/f/19f679297031a70be9980fb59bb9641f.jpg

Am fost oribil confuz)

Eroare 403 poate apărea în absența fișierului necesar sau a repertoriului, precum și în prezența drepturilor insuficiente. În mai multe detalii pentru a vedea ce fel de răspuns vine (eroare) de la server, se referă la dezvoltator browser-ul panoului pe fila Rețea.

Mulțumesc. Forma este format, dar cu o ușoară nuanță.
Dacă utilizatorul face clic, mai întâi butoanele de la 1 la 4, apoi făcând clic pe butonul 5 (alegere liberă) sub forma SELECT blocat, nu alege nimic, și afișează cele mai recente date valoarea-argument pe care a făcut clic.

În fișierul script.js schimba codul
pe

Salutări încă o dată forțat să ceară.
Această opțiune funcționează bine offline.
Încerc să-l lega la un site pe joomla.
într-un fel funcționează
nu funcționează, afișează lista completă, întotdeauna atunci când apăsați orice buton.
M-am uitat în „off-line“ și „Conectează-te cu site-ul joomla Facebook“ conectat aceeași versiune de jQuery și BS.
Care ar putea fi problema?

Încercați să puneți acest cod în unitate:

Alexander, bun venit din nou.
Există o astfel de întrebare.
Să presupunem că de la pagina 5 are „diferite butoane“, care provoacă forma, de exemplu:
1. TV
2. Aspiratoarele
3. fier
4. Maker
5. Selectați
Ceva ar fi plăcut:
1. Făcând clic pe butonul cu 1-4, există o formă în care nu este necesar să se aleagă ce formă de cerere și trimite informațiile care au solicitat o astfel de fierbător de apă.
2. Făcând clic pe butonul 5, o formă apare cu SELECT, în cazul în care puteți selecta una sau mai multe dintre primele 4 opțiuni.

Poate că, în cazul în care este pusă în aplicare într-o fereastră modal, și cum se face?

Buna ziua. Sigur că poți. Creați o grămadă de ferestre modale - acest lucru nu este abordarea corectă.

Adăugați index.html fișier butoanele necesare (de exemplu, date atribut de date argument):
Adăugați pentru a forma căsuța corespunzătoare:
În fișierul după liniile script.js
următorul cod:
Prima parte a codului după pagina este încărcată umpleri selectați opțiunea dorită.
A doua parte este atunci când deschide o fereastră modal determina apoi, prin care a deschis butonul și setați valoarea dorită în opțiunea, cu excepția cazului în care, desigur, au butoane sau oferă opțiuni.