• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Po kliknięciu buttona wysuwa sie select

0 głosów
63 wizyt
pytanie zadane 14 listopada 2017 w HTML i CSS przez Ziuziek Mądrala (5,160 p.)

Siema mam pytanie jak osiągnąć taki efekt? :

Po kliknięciu w buttona wysuwa sie select.

 

Czyli powiedzmy ze mam takie cos :

https://codepen.io/Turqus/pen/eeEmqE

Jak to można przerobić żeby po kliknięciu w buttona wysunął się select, a ten select co widać ukrył się?

Dzięki

 

 

1 odpowiedź

0 głosów
odpowiedź 14 listopada 2017 przez Codeboy Stary wyjadacz (11,560 p.)

Dodaj event do buttona, który po kliknięciu doda klasę do twojego selecta z wybranymi przez Ciebie nowymi wartościami(np. nowa pozycja (absolute), maksymalna szerokość, cokolwiek chcesz). Użyj właściwość transition w CSS, aby to ładnie animować i gotowe ;)

komentarz 14 listopada 2017 przez Ziuziek Mądrala (5,160 p.)
Ok ale jak ukryć ten select na którego się aktualnie klika (link. codepen) jak dodam event na kliknięcie to jak ma się to zrobić że lista się wysuwa sama
komentarz 14 listopada 2017 przez Codeboy Stary wyjadacz (11,560 p.)

Z tego co widzę na screenie to on ma nie znikać, tylko przeskoczyć na większy o szerokości buttona i się otworzyć. Do otworzenia go możesz spróbować użyć na nim click() w JS.

Edit: Z tego co widzę to click() nie działa na select, ale na Stacku masz masę propozycji jak to obejść ;)

komentarz 14 listopada 2017 przez Ziuziek Mądrala (5,160 p.)

   <- a to co to?;p chodzi mi o to zeby to

/\ znikło a button reagowal jak ten button do rozwijania listyi tego nie wiem jak zrobic

komentarz 14 listopada 2017 przez Codeboy Stary wyjadacz (11,560 p.)
No przecież jak zmienisz pozycję tego elementu to go tam nie będzie...

Podobne pytania

0 głosów
2 odpowiedzi 141 wizyt
pytanie zadane 6 maja 2017 w HTML i CSS przez Hardwell Bywalec (2,300 p.)
+1 głos
3 odpowiedzi 617 wizyt
pytanie zadane 5 sierpnia 2015 w PHP, Symfony, Zend przez niezalogowany
0 głosów
0 odpowiedzi 63 wizyt
Oferty pracy dla początkujących programistów na portalu No Fluff Jobs
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

49,790 zapytań

91,756 odpowiedzi

185,360 komentarzy

24,231 pasjonatów

Przeglądających: 247
Pasjonatów: 13 Gości: 234

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...