Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Devzan

"Zakładki" - przeładowanie treści divu po kliknięciu w tekst

Promowane odpowiedzi

Devzan    27

Witam. Chciałbym zrobić coś na rodzaj zakładek, poprzez przeładowanie zawartości jednego divu przez kliknięcie w konkretny napis.

Pokazuję to w formię obrazka:

n3w8aw.png

Gdy kliknę "1" to załaduje diva z zawartością 1111111, jak kliknę "2" to przeładuje zawartość do 2222222.

Nie chcę tutaj gotowego skryptu z CSS i HTML, tylko sam Javascript. Próbowałem to zrobić przy pomocy kodu stąd: https://www.pecetowicz.pl/wyskakujaca-belka-po-kliknieciu-na-tekst-vt62993.htm#318771 Ale nie działało to na zasadzie samego "pokaż po kliknięciu", dlatego nawet nie byłem w stanie się tym bawić przez "przełączanie" zawartości.

Z góry ogromne dzięki za pomoc :)

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Devzan    27

Byłaby opcja nie gotowca? Mam swój kod html i css, wystarczy że podepnę JS, a poza tym chciałbym wiedzieć jak to działa. Generalnie potrzebuję wiedzieć co wklepać w , co w "zakładkę 1", w "zakładkę 2" i w divy. A nie umiem jeszcze tak wyczytywać kodu z gotowca :/

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Devzan    27

Eh, nie wiem czy to ja jestem na tyle tępy, czy co, ale nie ogarniam zupełnie tego. Nie wiem jak to podpiąć pod swój kod.

Mam takie coś:


Aliquam libero leo, efficitur eget eros vel, imperdiet mollis dui. Etiam faucibus vel urna sit amet vestibulum. Interdum et malesuada fames ac ante ipsum primis in
[/code]
[code].bookmark_wrap{ width:325px; height:350px; float:left;} .bookmark_1{ width:162px; height:55px;float:left; background-color:#fff; text-align:center; padding:35px 0px 0px 0px; border-top:1px solid #dcdbdb; border-left:1px solid #dcdbdb; border-radius:6px 0px 0px 0px; display:block;} .bookmark_2{ width:160px; height:55px; float:right; background-color:#ecf0f1; text-align:center; padding:35px 0px 0px 0px; border-bottom:1px solid #dcdbdb; border-left:1px solid #dcdbdb; display:block;} .bookmark_cont{ width:273px; height:200px; background-color:#fff; border-left:1px solid #dcdbdb; border-right:1px solid #dcdbdb; border-bottom:1px solid #dcdbdb; padding:35px 25px 25px 25px; display:block; float:left; border-radius:0px 0px 6px 6px}

I wygląda to tak:

k46rkx.png

W plikach co wysłałeś kod HTML jest strasznie prosty, co mnie dezorientuje, a z kolei CSS jest dla mnie nie do ogarnięcia. A to dlatego, że w HTML nie ma żadnego odwołania do JS, bo wszystko jest właśnie w CSS i na odwrót - w JS są odwołania do klas w CSS, a ja chcę podpiąć to pod swoje gotowe klasy i nie wiem jak to mam edytować :(

Chcę zrobić konkretnie "Static tabs" z tego obrazka

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×