Html, css - zmiana zawartości main diva.

0

Cześć. Za bardzo nie wiem jak szukać odpowiedzi na mój problem + mam za dużo pytań więc po 3h się poddaję i zakładam konto na forum i bardzo prosiłbym o odpowiedź.
Mam jedną stronę na cała przeglądarkę. Na jego środku main div wycentrowany. W środku niego chce mieć powiedzmy 5 opcji do wyboru wzdłuż niego. Po kliknięciu np w opcję pierwszą nawigacja znika i jakby wjeżdża kontent albo się po prostu pojawia na cały ten main div - w jego środku.
I teraz dwa pytania: czy ja mam np stworzyć 5 divów (5 opcji) i wypozycjonować je absolutnie względem main diva i je pochować z indexem albo po prostu wysunąć poza main div i potem po kliknięciu np w opcję pierwszą to pojawi mi się kontent pierwszy. Czy to trzeba jakoś np stworzyć 5 index.html i wszystko będzie tak samo wyglądało poza oczywiście kontentem w main divie? Ale nie che by się cała strona refreshowała... (zaintersowałem się tematem async await ale to tylko pobiera dane z bazy czy coś z pliku JSON.
Jeszcze tylko dodam, że interesuję mnie zrobienie 'prostej' gry multiplayer i dopiero co zacząłem się interesować tym tematem i nie wiem własnie czy w tym wypadku nie potrzebowałbym mieć np 5 indexów html powiedzmy: index.html / gra.html / opcje.html / zasady.html / exit.html itp.. i wtedy korzystając z websocketa (czy coś , dopiero to znalazłem) operować na http:/ /gra.html.pl powiedzmy.

1

Narysuj, to napiszemy :)

Rozbij pytanie na osobne podpunkty, to odpiszemy :)

1

Dałeś (pomimo obszernego opisu) za mało konkretów, żeby coś sensownego napisać, więc tak tylko dodam, że najprościej będzie to zrobić na 3 sposoby:

1) AJAX - https://pl.wikipedia.org/wiki/AJAX albo Fetch API - https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
2) wczytanie wszystkiego naraz, a potem manipulowanie widocznością (CSS: visibility: hidden;...) i przełączanie na visible dla potrzebnych elementów
**3) **korzystanie z innerHTML - https://developer.mozilla.org/pl/docs/Web/API/Element/innerHTML i wpisywanie na bieżąco do "głównego div'a" tego, co w danej chwili jest potrzebne.

0

Dzięki za odpowiedz i próbę pomocy. Zrobię to wykorzystując któryś z tych sposobów.
Ogólnie mam szybkie pytanie offtop..Czy można gdzieś tu wrzucić kod do review ? Mówię o całym html css i JS. To będzie pierwsza rzecz, którą robię i po prostu chyba będzie tak najlepiej, że zrobię po swojemu a potem jak ktoś powie co jest źle to na przyszłość będę wiedział jak podejść do danego tematu.

2

Tak, od tego mamy specjalny dział forum - Oceny i recenzje

1 użytkowników online, w tym zalogowanych: 0, gości: 1