[imdejv1]

Pytanie do ninja programistów :D
Mam wtyczkę na WP w której jedno pole input jest "text" aby wpisać sobie nazwę/tytuł. Chciałbym to pole ograniczyć do wpisywania tylko kilku nazw i wpadłem na pomysł, że zmienie to pole na dropdown z listą już z góry ustaloną do wyboru.

Czy istnieje sposób na "wstrzyknięcie" w to miejsce innego inputa? Nie ma chyba możliwości nawet edycji tego miejsca z poziomu ftp. Blagam pomóżcie

#programowanie #js #php

[jagodowy_krol]

@imdejv1: tak, można tam umieścić "select" + "opcie". Zadając to pytanie, nie jestem pewny na ile to Ci pomoże, ale to jest to: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select
I text można zamienić na to pole.

[imdejv1]

@jagodowy_krol: Tak, racja tylko cały pic polega na tym, że trzeba podmienić to obecne pole "text" na "dropdown" w jakiś sposób za pomocą js na przykład.

[mat89c]

Zależy od wtyczki, czy ten input jest ładowany z pliku php, czy może z bazy danych? Prawdopodobnie jest generowany w pliku php i pierwsze co musisz zrobić to znaleźć ten kod. Trudno powiedzieć coś więcej, za mało informacji.

[jagodowy_krol]

@imdejv1: nie no, przez JS to się zajedziesz (ale się da, kwestia jaki jest sens), najlepiej to w konfiguracji danego pluginu zrobić.

[imdejv1]

@mat89c: Ciężko powiedzieć, pewnie generowany. Sprawdzić to? Co nam to da?
@jagodowy_krol: Plugin nie daje możliwości skonfigurowania tego pola.

[mat89c]

@imdejv1: Wtedy można usunąć kod generujący input text i wstawić select z wartościami. Tylko to dużo zależy od wtyczki - czy ten input text jest obsługiwany przez js, może jakaś walidacja tam jest, chodzi o to, aby po zmianie na select js nie sypał błędami. Łatwiej byłoby gdybyś mógł podać nazwę wtyczki.

[imdejv1]

@mat89c: WCFM - Ultimate zintegrowana z Woocommerce Booking

[imdejv1]

@mat89c: demo:
http://wcfmmpdemos.com/demos/fashionista/store-manager/products-manage/
l: testadmin, h: testadmin

[Lipathor]

@imdejv1: możesz użyć patternu - pattern="^(val1|val2|val3)$"

[Lipathor]

ew. datalist możesz dołożyć i sprawdzać JSem czy wartość w inpucie występuje w datalist. Ale i tak waliduj na backendzie, bo jak ktoś się uprze ustawić inną wartość, to zrobi to bez problemu

[mat89c]

@imdejv1: W której zakładce jest ten input text?

[imdejv1]

@Lipathor: Kompletnie nie wiem jak to utworzyć, szukam kogoś do pomocy z tym właśnie tutaj :P

[imdejv1]

@mat89c: W tym demo nie ma go ponieważ nie udostepniają demo tego co ja mam, ale myślę, że działa on tak samo jak w zakładce: Shipping pozycja: Dimensions(cm)

[mat89c]

@imdejv1: Nie widzę tej zakładki Shopping. Zalogowałem się do panelu admina i gdzieś w menu po lewej stronie?

[imdejv1]

@mat89c: Zakładka: http://wcfmmpdemos.com/demos/fashionista/store-manager/products-manage/

[mat89c]

@imdejv1: W przypadku tego pola Dimensions, w katalogu wtyczki jest plik views/product-manager/wcfm-view-products-manage-tabs.php. W linii 109 generowany jest formularz i w linii 110 mamy 'type' => 'text'. Tutaj trzeba zmienić na 'type' => 'select' i dodać 'options' => '$mojeZmienne'. Zmienna ta może wyglądać tak: $mojeZmienne = ['pierwszawartosc' => 'Pierwsza wartosc', 'drugawartosc' => 'Druga wartość']; Nie wiem czy zadziała poprawnie, ale możesz spróbować i zobaczyć jakie błędy się pojawiają.

[imdejv1]

@mat89c: Racja, ale wtedy przy każdej aktualizacji będę zmuszony to robić. A czy jest opcja aby podmieniał z zewnątrz jakiś skrypt to?

[mat89c]

@imdejv1: To chyba pozostaje tylko JS i kod trzymać w zewnętrznym pliku custom.js. Możesz zrobić coś takiego:

$("#length")
.replaceWith('' +
'Pierwsza wartość' +
'Druga wartość' +
'');

[imdejv1]

@mat89c: Dosłownie ten kod, który podesłałeś? Podsyłam w załączniku input o którym dosłownie mowa z mojego panelu.

[mat89c]

@imdejv1:

if ($('#_wc_booking_person_types_person_name_0').is(':visible')) { // tutaj sprawdzamy czy jest widoczny input z takim id, żeby na innych podstronach nie sypało błędami
$("#_wc_booking_person_types_person_name_0")
.replaceWith('' +
'Pierwsza wartość' +
'Druga wartość' +
''); 
}