qtranslate one page
Szablon OneTone – lepszy widok dla podstrony
9 czerwca 2015
social media wordpress
Jak prowadzić stronę i jednocześnie dbać o Social Media?
7 lipca 2015
Pokaż wszystkie

Jak stworzyć formularz warunkowy Contact Form 7?

Jak stworzyć formularz z ukrytymi polami pojawiającymi zależnie od wybranej opcji? Jak to wogóle wygooglować?

Nazywane jest to formularzem warunkowym, lub jeśli lubicie po angielsku conditional logic. Po angielsku jest łatwiej, bo od razu wyskoczy wam wysoko wątek na Wordpress.org Contact Form 7 -This is how to show/hide fields with jQuery

Tam zawarta jest lwia część tego wpisu. Niestety ciężko natrafić na rozwiązanie w języku polskim, postanowiłam więc opublikować własne (mam na myśli zaadaptowane na własne potrzeby) wypociny w tym temacie. Dostępne do pobrania z GitHub-a TU

Na dole screen formularza aktualnie działającego na testowej stronie. W plikach na GitHubie są też style z tego formularza (a przynajmniej część). Zdaję sobie sprawę, że samo rozwiązanie może wyglądać dla programisty jak siekierą ciosane, jeśli więc macie lepszą wersję i chcecie się nią podzielić, zachęcam – chętnie podlinkowałabym w artykule.

Co do samej zawartości plików.

przykładowy contact form7.html Przykładowy formularz z polami “div id hide”, nimi posługujemy się przy tworzeniu własnego formularza i używamy potem w pliku hidefieldsScript.js dzięki nim możemy sterować ukrywaniem i pokazywaniem pól.

formularz-warunkowy-cf7- contact-form-7

foto wyróżniające: kaboompics