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

Problemy z grą w JavaScript

VPS Starter Arubacloud
0 głosów
311 wizyt
pytanie zadane 29 września 2017 w JavaScript przez Radosław Foltyński Obywatel (1,180 p.)
Witam wszystkich forumowiczów. Mam kilka problemów z grą, którą robie na JS-ie i HTML-u 5. Nie będę dokładnie pisać o czym jest gra ale napisze w czym jest problem. Mam dwa divy, jeden dla jednego gracza, drugi dla drugiego. W obu divach są trzy tabelki. I pytanie jakiego użyć skryptu aby te dwa divy były jeden na drugim. Próbowałem bawić się w position ale apsolute nałożyło jeden na drugim i rozjechały się tabelki (poszerzając diva), relative nałożyło jeden pod drugim a nie jeden na drugi. Patrzyłem po necie ale tam było samo JQuery a to nie wchodzi w gre. Czy jest jakaś możliwość aby to nałożyć jedno na drugie, by było cacy?? Drugi problem jest jeszcze taki, że gra będzie o pytaniach i nie stety pytania będą w formie obrazkowej. I tu się rodzi problem czy te pytania mają być w jednym pliku tekstowym no i jak je późiej ładować do pliku JS-a? Inaczej może powiem, jak sprawić aby załadować innego diva lub animacje JS z innego pliku na strone bez przeładowania. Proszę o pomoc i z góry dziękuje za pomoc :).
komentarz 29 września 2017 przez cyklop123 Bywalec (2,790 p.)
Jeżeli chcesz je przemieszczać na ekranie aby jeden mógł najechać na drugi to jedynie pozycjonowanie(musi być dobrze użyte). A jeżeli chcesz kominować z tym który ma być 'na wierzchu' to musisz użyć z-index w css
komentarz 1 października 2017 przez Radosław Foltyński Obywatel (1,180 p.)
Użyłem tego z-indexa w css i jest lpka. Poniżej zamieściłem kod css.

4 odpowiedzi

+3 głosów
odpowiedź 29 września 2017 przez sc4rface Dyskutant (7,710 p.)
Chłopie, wrzuć fragment kodu, gdzie Ci się to krzaczy - skąd mamy wiedzieć jak wygląda struktura i dlaczego tak się dzieje?
komentarz 1 października 2017 przez Radosław Foltyński Obywatel (1,180 p.)
Już podałem kawałki kodu, jest on poniżej.
0 głosów
odpowiedź 29 września 2017 przez Jedras Maniak (54,860 p.)

jak sprawić aby załadować innego diva lub animacje JS z innego pliku na strone bez przeładowania.

Zapoznaj się z AJAX'em.

PS.

apsolute

absolute

0 głosów
odpowiedź 29 września 2017 przez turtelian Obywatel (1,760 p.)
moze narysowac 2 warstwy w canvas ? ale bz kodu to sobie mozemy wrozyc z fusw o co ci chodzi :D
komentarz 1 października 2017 przez Radosław Foltyński Obywatel (1,180 p.)
No właśnie nie bardzo :\. Poniżej masz kawałki kodu.
0 głosów
odpowiedź 1 października 2017 przez Radosław Foltyński Obywatel (1,180 p.)
edycja 1 października 2017 przez Radosław Foltyński

Witajcie przepraszam, że tyle się nie odzywałem, nie miałem czasu. Oto kawałki kodu źródłowego:
 

<div id="gra1">
<div id="gra1czarni">
<div id="drzewa">
<br>
<div id="mag">
<b>Drużyna Magów</b>
</div>
<table id="tabla" align="left">
...... elementy tabeli jest ich 8x8

 kolejna tabelka:
</table>
</div>
<div id="pytania">
<br>
<div id="pyt">
<b>Pytania</b>
</div>
<table id="tabelka" align="left">

również 8x8
I następna tabele, obok tabelka

</table>

<table id="tabelka2">
<tr><th>
<b>KATEGORIA</b>
</th></tr>
<tr><td>
<br><br><b>MATEMATYKA</b>
</td></tr>
<tr><td>
<br><br><b>POLSKI</b>
</td></tr>
<tr><td>
<br><br><b>PRZYRODA</b>
</td></tr>
<tr><td>
<br><br><b>ŻYCIE CODZIENNE</b>
</td></tr>
</table>
<table id="tabelka3">
<tr><th>PUNKTACJA <br>INDYWIDUALNA</th></tr>
<tr><td><b>IMIĘ 1</b></td>
<td class="inny_wyglad">PTS</td></tr>
<tr><td><b>IMIĘ 2</b></td>
<td class="inny_wyglad">PTS</td></tr>
<tr><td><b>IMIĘ 3</b></td>
<td class="inny_wyglad">PTS</td></tr>
<tr><td><b>IMIĘ 4</b></td>
<td class="inny_wyglad">PTS</td></tr>
</table>
<div id="blok">
<div id="wynik0"><b>Wynik Meczu </b></div>
<div id="madzy">Drużyna Magów</div>
<div id="czarni">Drużyna Czarnoksiężnika</div>
<div id="wynik1"></div>
<div id="wynik2"></div>
</div>
</div>
</div>

Wrzucam jeszcze kod CSS
 

#calosc
{
		width: 1450px;
		height: 1200px;
		background-color: green; // tymczasowy :)
}
#gra1
{
		width: 74%;
		height: 700px;
		background-color: #ccff66;
		float: left;		
	
}
#gra1madzy
{
	width: 100%;
	height: 700px;
	background-color: #ccff66;
	float: left;
	position: relative;
	z-index:1;
}
#gra1czarni
{
	width: 100%;
	height: 700px;
	background-color: #ccff66;
	float: left;
	position: relative;
	z-index: 2;
}

Dodam jeszcze, że drugi Div(czarni) jest identyczny jak gra1-madzy(te same tabelki wewnątrz). Problem jest w tym, że gdy biorę absolute to div.drzewa i div.pytania rozjeżdża się i poszerza cały div-gra1. I teraz pytanie o co chodzi?? W jaki sposób nałożyć jeden na drugi skoro tamte sposoby zawodzą? Chcę również zapytać i o drugą kwestię. Chodzi o te pytania, czy mają być w jednym pliku JS i jak je ładować na stronie bez ponownego odświeżania karty(wynik przecież nie może się skaskować)?  Wiem, że pytam o wiele ale na prawdę nie wiem co robić. Z góry dziękuję za pomoc :).

Podobne pytania

0 głosów
0 odpowiedzi 288 wizyt
0 głosów
1 odpowiedź 1,856 wizyt
pytanie zadane 19 października 2017 w C i C++ przez Utau Użytkownik (900 p.)
0 głosów
1 odpowiedź 591 wizyt
pytanie zadane 3 stycznia 2022 w C i C++ przez Dawid Śmiech Nowicjusz (160 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...