{"id":387,"date":"2014-10-08T11:22:57","date_gmt":"2014-10-08T09:22:57","guid":{"rendered":"http:\/\/webowiec.net\/blog\/?p=387"},"modified":"2015-04-09T11:27:30","modified_gmt":"2015-04-09T09:27:30","slug":"wordpress-contact-form-7-multi-level-select","status":"publish","type":"post","link":"https:\/\/webowiec.net\/blog\/wordpress-contact-form-7-multi-level-select\/","title":{"rendered":"[wordpress] [Contact Form 7] multi level select"},"content":{"rendered":"

Pracuj\u0105c z formularzami na skrypcie WordPress, ci\u0119\u017cko nie natchn\u0105\u0107 si\u0119 na wtyczk\u0119 “Contact Form 7<\/strong>” –\u00a0wordpress.org\/plugins\/contact-form-7\/<\/em><\/p>\n

Pomimo rozbudowanych funkcjonali\u015bci, niekt\u00f3rzy mog\u0105 odczuwa\u0107 pewne braki w mo\u017cliwo\u015bciach formatowania p\u00f3l formularza a w szczeg\u00f3lno\u015bci dodawaniu w\u0142asnych p\u00f3l, nie przewidzianych wcze\u015bniej przez autora wtyczki.<\/p>\n

Jednym z takich przyk\u0142ad\u00f3w mo\u017ce by\u0107 wielo-poziomowy znacznik SELECT, wi\u0119c lista rozwijana, gdzie u\u017cytkownik mo\u017ce wybiera\u0107 dowoln\u0105 pozycje, kt\u00f3ra automatycznie spowoduje za\u0142adowanie do kolejnego znacznika SELECT.<\/p>\n

Przyk\u0142adem takiego multi-level select jest wyb\u00f3r miasta, powiedzmy, \u017ce w naszym formularzu umie\u015bcimy pole SELECT z wyborem wojew\u00f3dztwa a poni\u017cej zablokowane pole w wyborem miasta. Dopiero po wyboru jakiego\u015b wojew\u00f3dztwa, u\u017cytkownik dostanie dost\u0119p do wyboru miasta, spo\u015br\u00f3d wczytanej listy miast tylko z wybranego wojew\u00f3dztwa.<\/strong><\/span><\/p>\n

DEMO:\u00a0https:\/\/webowiec.net\/blog\/test-mmselect\/
\nL<\/a>ICENCJA: MIT (darmowa, open-source)<\/p>\n

Aktualizacja 9 kwietnia 2015<\/b>
\nWtyczka dostosowana do frameworka Bootstrap<\/div>\n

<\/p>\n

Wymagania:
\n– minimalna\u00a0znajomo\u015b\u0107 PHP, obs\u0142ugi FTP, podstawy HTML
\n– podstawowa\u00a0znajomo\u015b\u0107 WordPress
\n– zainstalowana wtyczka “Contact Form 7” i dost\u0119p do FTP
\n– poradnik zosta\u0142 pisany dla wersji wtyczki 3.9.3<\/p>\n

1) Zaczynamy od lokalizacji katalogu wtyczki na FTP, przewa\u017cnie b\u0119dzie to:
\n.\/wp-content\/plugins\/contact-form-7\/<\/strong><\/p>\n

2) Uruchamiamy plik:
\n.\/wp-content\/plugins\/contact-form-7\/includes\/functions.php<\/strong><\/p>\n

Znajdujemy funkcje “wpcf7_load_modules<\/strong>” (wiersz oko\u0142o 361) w \u015brodku tej funkcji szukamy nast\u0119puj\u0105cej linii:<\/p>\n

[php]
\n foreach ( $mods as $mod ) {
\n[\/php]<\/p>\n

Przed t\u0105 lini\u0105<\/span> dodajemy nast\u0119puj\u0105cy kod:<\/p>\n

[php]
\n$mods[] = ‘mmselect’;
\n[\/php]<\/p>\n

Tak wi\u0119c fragment tej funkcji b\u0119dzie wygl\u0105da\u0142:<\/p>\n

[php]
\n$mods = array(
\n‘acceptance’, ‘flamingo’, ‘special-mail-tags’,’akismet’, ‘jetpack’, ‘submit’, ‘captcha’, ‘number’,’text’, ‘checkbox’, ‘quiz’, ‘textarea’, ‘date’,’response’, ‘file’, ‘select’, ‘listo’ ;
\n$mods[] = ‘mmselect’;
\nforeach ( $mods as $mod ) {
\n[\/php]<\/p>\n

3) pobieramy i rozpakowujemy plik\u00a0mmselect.php.zip<\/a><\/p>\n

Rozpakowany plik PHP umieszczamy na FTP w folderze:
\n.\/wp-content\/plugins\/contact-form-7\/modules\/<\/strong><\/p>\n

TO WSZYSTKO, teraz mo\u017cna przej\u015b\u0107 do edycji formularza:<\/span><\/strong><\/span><\/p>\n

4) Tworzymy plik tekstowy (polecam program Notepad++) z warto\u015bciami p\u00f3l SELECT w formie drzewka, czyli ka\u017cda warto\u015b\u0107 select-a w osobnej linii, natomiast podrz\u0119dna warto\u015b\u0107 musi by\u0107 poprzedzona TABULATOREM, zobacz przyk\u0142adowy plik w DEMO<\/a>.<\/p>\n

Plik zapisujemy jako “mmselect_data.txt” i wrzucamy w dowolne miejsce na FTP (trzeba zna\u0107 pe\u0142n\u0105 \u015bcie\u017ck\u0119\u00a0do pliku!)<\/strong><\/p>\n

5) Uruchamiamy panel admina naszego bloga, przechodzimy do sekcji “Formularze > Formularze” nast\u0119pnie wybieramy dodany wcze\u015bniej formularz lub tworzymy nowy i w polu “Formularz” umieszczamy poni\u017cszy zapis:<\/p>\n

[html]
\n<p>[mmselect nazwa_pola\u00a0"\/PELNA-SCIEZKA-DO\/mmselect_data.txt" "Wybierz kraj" "Wybierz wojew\u00f3dztwo" "Wybierz miasto"]<\/p>
\n[\/html]<\/p>\n

Gdzie:<\/p>\n

\u00a0“nazwa_pola”<\/span><\/strong> – wygenerowana warto\u015b\u0107 utworzona przez z\u0142\u0105czenie wszystkich poszczeg\u00f3lnych p\u00f3l\u00a0SELECT wchodz\u0105cych w sk\u0142ad “mmselect” (odpowiednik parametru <select name=”nazwa_pola”>).<\/p>\n

“\/PELNA-SCIEZKA-DO\/mmselect_data.txt”<\/strong><\/span> to pe\u0142na \u015bcie\u017cka do pliku tekstowego TXT wrzuconego\u00a0na FTP (patrz punkt 4)<\/p>\n

“Wybierz kraj” “Wybierz wojew\u00f3dztwo” “Wybierz miasto”<\/strong> <\/span>– lista\u00a0opis\u00f3w p\u00f3l SELECT. UWAGA! Opis\u00f3w musi by\u0107 dok\u0142adnie tyle ile wynosi\u00a0maksymalny poziom pliku tekstowego (patrz punkt 4). <\/strong><\/p>\n

Je\u015bli potrzebujemy jedynie dwa poziomy (pola SELECT) o nazwach: “Marka auta” i kolejne o nazwie “Model auta”, musimy utworzyc taki kod:<\/p>\n

[html]
\n<p>[mmselect nazwa_pola "\/PELNA-SCIEZKA-DO\/mmselect_data.txt" "Marka auta" "Model auta"]<\/p>
\n[\/html]<\/p>\n

Analogicznie dla wi\u0119kszej ilo\u015bci p\u00f3l.<\/p>\n

6) Zapisujemy warto\u015b\u0107 p\u00f3l SELECT: na podstronie edycji naszego formularza w polu “Tre\u015b\u0107 wiadomo\u015bci:” dodajemy kod:<\/p>\n

[html]
\nWarto\u015b\u0107 mmselect = [nazwa_pola]
\n[\/html]<\/p>\n

Po wype\u0142nieniu formularza przez u\u017cytkownika na podany przez nas mail w ustawieniach dojdzie wiadomo\u015b\u0107 o przyk\u0142adowej tre\u015bci:<\/p>\n

[html]
\nWarto\u015b\u0107 mmselect = Polska – Podkarpackie – Mielec
\n[\/html]<\/p>\n

 <\/p>\n

—
\nWtyczka testowana dla trzech poziom\u00f3w SELECT\u00f3w, ale powinna dzia\u0142a\u0107 dla dowolnej ilo\u015bci<\/p>\n

Wtyczka pisana “na kolanie” wi\u0119c mo\u017ce zawiera\u0107 pewne b\u0142\u0119dy lub niedoci\u0105gni\u0119cia, w przypadku wykrycia takich b\u0142\u0119d\u00f3w – prosze o kontakt<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Pracuj\u0105c z formularzami na skrypcie WordPress, ci\u0119\u017cko nie natchn\u0105\u0107 si\u0119 na wtyczk\u0119 “Contact Form 7” –\u00a0wordpress.org\/plugins\/contact-form-7\/ Pomimo rozbudowanych funkcjonali\u015bci, niekt\u00f3rzy mog\u0105 odczuwa\u0107 pewne braki w mo\u017cliwo\u015bciach formatowania p\u00f3l formularza a w szczeg\u00f3lno\u015bci dodawaniu w\u0142asnych p\u00f3l, nie przewidzianych wcze\u015bniej przez autora … <\/i> Czytaj ca\u0142o\u015b\u0107<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23,5,3,6],"tags":[624,618,623,416,622,626,332,621,625,620,619],"class_list":["post-387","post","type-post","status-publish","format-standard","hentry","category-darmowe-komponenty-2","category-poradniki","category-porady-dla-webmasterow","category-tourtale","tag-auto-load-select-wordpress","tag-contect-form-7","tag-multi-level-select-wordpress","tag-php","tag-php-html-multi-select-z-pliku-tekstowego","tag-php-jak-zrobic-wielo-poziomowy-select","tag-wordpress","tag-wordpress-contect-form-7-automatyczny-select","tag-wordpress-formularz-duzy-select-automatyczne-wczytywanie-wartosci","tag-wordpress-multi-select","tag-wordpress-wielo-poziomowy-select"],"_links":{"self":[{"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/posts\/387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/comments?post=387"}],"version-history":[{"count":6,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/posts\/387\/revisions"}],"predecessor-version":[{"id":482,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/posts\/387\/revisions\/482"}],"wp:attachment":[{"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/media?parent=387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/categories?post=387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/tags?post=387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}