![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 56 Pomógł: 0 Dołączył: 11.05.2018 Ostrzeżenie: (0%) ![]() ![]() |
Hej wszystkim. Mam problem, mam napisana sporą część kodu, i wszystko super ciągnie z bazy, porównuje i takie tam. Jest to wszystko w formie list rozwijalnych, no i problem polega na tym jak taką liste obrobić graficznie w java script, bo tylko takie coś wchodzi w gre... proszę o pomoc
|
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 56 Pomógł: 0 Dołączył: 11.05.2018 Ostrzeżenie: (0%) ![]() ![]() |
Ok, udało mi sie, tylko zrobiłem pięknię ładnie moją liste rozwijalną, lecz w niektórych przypadkach takich jak kaliber, jest tam około ich 50 sztuk, i przydał by mi się suwak do tego stylu css co tu mam:
Kod .custom-select { position: relative; font-family: Times New Roman; .custom-select select { display: none; /*hide original SELECT element:*/ } .select-selected { background-color: #FFE041; } /*style the arrow inside the select element:*/ .select-selected:after { position: absolute; content: ""; top: 15px; right: 10px; width: 0; height: 0; border: 12px solid transparent; border-color: #fff transparent transparent transparent; } /*point the arrow upwards when the select box is open (active):*/ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 6px; } /*style the items (options), including the selected item:*/ .select-items div,.select-selected { color: black; padding: 8px 16px; border: 3px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; } /*style items (options):*/ .select-items { position: absolute; background-color: #FFE041; top: 100%; left: 0; right: 0; z-index: 99; overflow: auto; } /*hide the items when the select box is closed:*/ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } Dobra rozwiązane, ale wyszedł następny kłopot, po wybraniu z listy np 2 opcji bo powiedzmy się pomyliłem a chciałem wziąść pierwszą to ta pierwsza opcja mi znika . Jakby ją tu wrócić, czegoś mi css brakuje? Problem rozwiążany do zamknięcia Ten post edytował stecosik1 24.05.2018, 09:10:44 |
|
|
![]() ![]() |
![]() |
Aktualny czas: 17.10.2025 - 10:13 |