Bună ziua, prieteni! Vreau să vă prezint un script universal pentru trimiterea datelor de la formulare la e-mail. Scenariul este ideal pentru site-uri precum Pagina de destinație. site-uri de cărți de vizită etc. Scrisul nostru de formular de feedback este alocat în rândul masei de alte scripturi de pe Internet prin faptul că are capacitatea de a conecta un număr nelimitat de formulare cu câmpuri diferite pe o singură pagină și poate trimite scrisori mai multor destinatari.
Setare inițială.
Scriptul se bazează pe biblioteca jQuery. așa că primul lucru pe care trebuie să-l facem este să îl conectăm. Pentru aceasta, vă recomandăm să utilizați Bibliotecile găzduite Google.
Pe celelalte fișiere, hai să obținem mai multe:
feedback.js - fișierul script principal, este responsabil pentru depunerea formularului AJAX.
jquery.arcticmodal.js,
jquery.arcticmodal.css - oferă posibilitatea de a afișa formulare în fereastra modală.
jquery.jgrowl.js,
jquery.jgrowl.css - permite afișarea notificărilor pe pagină (blocuri din colțul de sus al paginii).
HTML și atributele necesare.
Un atribut obligatoriu pentru toate elementele de formă este numele atributului = "" - necesar pentru configurarea ulterioară a formularului.
Pentru butonul (tip = "buton") este necesar să se precizeze class = "feedback". De asemenea, vreau să vă atrag atenția asupra faptului că orice etichetă html cu clasa "feedback" poate acționa ca un buton.
Apelarea unui formular în fereastra modală
Pentru a apela un formular într-o fereastră modală, trebuie mai întâi să definiți o acțiune făcând clic pe o etichetă, de exemplu o div cu clasa modal_btn
Întrucât formularul ar trebui să fie vizibil numai în fereastra modală, trebuie să-l ascundeți prin plasarea lui în div cu atributul style = "display: none;" și pentru împachetarea ferestrei modale cu câteva divs standard.
Exemplu de setări pentru un formular
Setările tuturor formularelor sunt stocate în feed feedback \ index.php
Pentru a adăuga noi setări ale formularului, trebuie să creați un nou formular $ de array [''] prin formularul $ example ['form-1'].
Amintiți-vă că vorbeam despre numele atributului obligatoriu = ""?
Un atribut obligatoriu pentru toate elementele de formă este numele atributului = "" - necesar pentru configurarea ulterioară a formularului.
Deci, acum este momentul să vă spun ce tot are nevoie.
name = "" este o cheie alfanumerică pentru matrice, trebuie să fie unică pentru formularul $ $ ['']
Exemplu de cod html pentru claritate
Acum, să ne uităm la matrice și la ce sunt.
Configurarea șabloanelor de e-mail
Ei bine, atunci. să abordăm acum teza mesajelor noastre.
În primul rând, pentru ca formularul să fie trimis în șablon, trebuie să activați fișierul șablon în setările formularului - 'tpl' => true,
În al doilea rând, trebuie să creați un fișier șablon cu extensia * .tpl din dosar (feedback / tpl /), în conformitate cu numele formularului (name = "form-1").
nume. spune, etc. - Acestea sunt atributele (nume = "") ale câmpurilor pe care utilizatorul le completează.
titlu - Numele elementului de formă, care este specificat în matricea de setări pentru elementele de formă.
valoare - Valoarea elementului de formă.
P.S. Scenariul a fost elaborat de echipa Airvix
Demo și Descărcare
Trimiteți-le prietenilor: