jak stworzyć taką listę

pytanie zadane 22 grudnia 2017 w HTML i CSS przez rycho84 Nowicjusz (230 p.)

Witam wszystkich serdecznie,

od niedawna próbuję swoich sił w HTMLu i Css-ie i mam taki mały problem.

Chciałbym na mojej stronie zrobić taką listę jak na zdjęciu:

https://zapodaj.net/b07c051bf31d9.png.html

Problem jednak w tym, że chciałbym żeby ona działała w ten sposób, że kiedy wybiorę np. Skoczów to zmieni zawartość strony (to ogarniam :D), ale również zmieni pierwsze miejsce na liście na wybrane przeze mnie miasto (czyli np.ten Skoczów) no i w tym mam problem. Mógłby mi ktoś podpowiedzieć jak to zrobić?

Wystarczy do tego sam HTML/CSS czy muszę szukać innego rozwiązania np.JS?

pozdrawiam

komentarz 22 grudnia 2017 przez Nicolaus Dyskutant (9,740 p.)

Wolałbyś zrobić to w JS czy samym CSS?

komentarz 27 grudnia 2017 przez rycho84 Nowicjusz (230 p.)
edycja 27 grudnia 2017 przez rycho84

a w czym byłoby lepiej? ew. łatwiej?

w js nie mam zbyt dużego doświadczenia (w CSSie w sumie też nie :D)

komentarz 27 grudnia 2017 przez Nicolaus Dyskutant (9,740 p.)

Szczerze mówiąc wydaje mi się że w JS, ale jak to już nie wiem (żeby to zrobić w CSS'ie to trzeba go trochę lepiej znać)

komentarz 27 grudnia 2017 przez rycho84 Nowicjusz (230 p.)

a mógłbyś tak ogólnie nakreślić jak to zrobić w js? nie chcę "gotowca", tylko jakieś wskazówki jak się za to zabrać

komentarz 27 grudnia 2017 przez Nicolaus Dyskutant (9,740 p.)

Najprościej zrobić to tak, że gdy zostanie wybrana dana miejscowość to zmieni się albo cała lista albo tylko elementy option. W CSS'ie wygląda to tak samo

komentarz 27 grudnia 2017 przez rycho84 Nowicjusz (230 p.)

robić to w czystym js czy szukać jakiegoś rozwiązania w jquery?

komentarz 27 grudnia 2017 przez Nicolaus Dyskutant (9,740 p.)

Myślę że czysty JS wystarczy, ale nie jestem od tego specjalistą

komentarz 27 grudnia 2017 przez rycho84 Nowicjusz (230 p.)

ok dzięki, może to jakoś ogarnę ;)

1 odpowiedź

odpowiedź 22 grudnia 2017 przez Zaqu93 Gaduła (4,850 p.)

Możesz to zrobić tak że jak wybierzesz np. Bytom to zmieniając zawartość strony zamienisz w divie zamiast Katowice na Bytom. Do tego wystarczy tylko html

komentarz 22 grudnia 2017 przez rycho84 Nowicjusz (230 p.)

No jest to jakieś rozwiązanie, tylko że wtedy w dive powtarzała byś się nazwa z listy, a ja chciałbym, aby wybrane miasto było na pierwszej pozycji, bez powielania.