Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery][PHP]
Forum PHP.pl > Forum > PHP
tzm
2.06.2014, 23:24:11
Cześć, siema, chyba pierwszy raz spotykam się z problemem który moim zdaniem wykracza poza ramy przedszkola a sądzę tak bo braku jakiej kolwiek podpowiedzi w google...

Otóż piszę sobie rejestrację do gry identyczną jak w sfgame.pl tyle że uparłem się na zrobienie tego bez flasha...
Postawiłem na jQuery i ogólnie udało mi się osiągnąć zamierzony efekt z jednym mankamentem(dodam że jestem początkujący w JS, nie kumam totalnie nic)..
Tak wygląda szablon strony odpowiadający za zmieniarkę płci, rasy postaci... 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.     <title>Tytuł</title>
  6.     <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  7.     <script type="text/javascript" src="script.js"></script>
  8. 	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  9. 	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
  10. 	<link rel="stylesheet" href="css/swgame.css">
  11. </head>
  12. <body>
  13. <div class="containter">
  14. 	<div class="row" style="width:70%;margin:5% auto;">
  15. 		<div class="col-md-3" style="border:2px white solid;">
  16. 			wybierz plec:
  17. 			<div id="sex">
  18. 				<a href="sex.php?sex=male">facet</a>
  19. 				<a href="sex.php?sex=famale">laseczka</a>
  20. 			</div>
  21. 			wybierz rase:
  22. 			<div id="race">
  23. 				<a href="sex.php?race=human">czlowiek</a>
  24. 				<a href="sex.php?race=darkelf">mroczny elf</a>
  25. 				<a href="sex.php?race=elf">elf</a>
  26. 				<a href="sex.php?race=gnome">gnom</a>
  27. 			</div>
  28. 		</div>
  29. 		<div class="col-md-6" style="background:blue;">
  30. 			<div id="overview">
  31. 				<div class="background"></div>
  32. 				<div class="race"></div>
  33. 			</div>
  34. 		</div>
  35. 		<div class="col-md-3" style="background:red;"></div>
  36. 	</div>
  37. </div>
  38.  
  39. 	<script>
  40. 	$(document).ready(function(){
  41. 		$('#sex a').click(function(){
  42. 			var href = $(this).attr('href');
  43. 			$('#overview .background').load(href);
  44. 			return false;
  45. 		});
  46. 	});
  47. 	</script>
  48. 	<script>
  49. 	$(document).ready(function(){
  50. 		$('#race a').click(function(){
  51. 			var href = $(this).attr('href');
  52. 			$('#overview .race').load(href);
  53. 			return false;
  54. 		});
  55. 	});
  56. 	</script>
  57. </body>
  58. </html>
[HTML] pobierz, plaintext


A tak PHP:
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3.  
  4. error_reporting(E_ALL ^ E_NOTICE);  
  5. ini_set('display_errors','1'); 
  6.  
  7. 	switch($_GET['sex']){
  8. 		case male;
  9. 		$sex = 'male';
  10. 		break;
  11. 		case famale;
  12. 		$sex = 'famale';
  13. 		break;
  14. 		}
  15. 	switch($_GET['race']){
  16. 		case human;
  17. 		$race = 'human';
  18. 		break;
  19. 		case darkelf;
  20. 		$race = 'darkelf';
  21. 		break;
  22. 	}
  23. 	$char = array('sex' => $sex, 'race' => $race);
  24. 	print_r($char);
  25. ?>
[PHP] pobierz, plaintext


A to wynik z print_r:
[PHP] pobierz, plaintext 
  1. Array ( [sex] => famale [race] => )
  2. Array ( [sex] => [race] => human )
[PHP] pobierz, plaintext


I tutaj jest problem.... co zdupiłem że tablica się rozdwaja jakby?
Wiem że prawie tutaj kodu nie ma i może to być całkowicie błacha sprawa ale nigdy nie pisze kodu dalej póki nie poradzę sobie z jakimś problemem a ten wyskoczył na samym początku pisania zmieniarki... Nie rozumiem dlaczego ta tablica jest wyświetlana podwójnie i za każdym razem któryś rekord jest pusty. Co zrobić żeby ta tablica była jedna jedyna? Z góry dzięki za pomoc i sorki jeśli jednak trzeba przenieść do przedszkola. Aha...
Chciałbym osiągnąć taki efekt:
[PHP] pobierz, plaintext 
  1.  
  2. Array ([sex] => famale [race] => human)
[PHP] pobierz, plaintext
johny_s
2.06.2014, 23:42:51
Klikasz raz link z rasą raz z płcią gdzie jeden o drugim nic nie wie, więc masz w sumie 2 wywołania i 2 odpowiedzi, musisz jakoś inaczej tą rejestrację wykombinować, np wybór dać na radiobuttonach
tzm
3.06.2014, 05:46:43
Spoko spoko logiczne.. poczytam o radiobuttonach w pracy albo kogoś zapytam, może akurat wiedzą.
Ale i tak z czystej ciekawości chciałbym ciągnąć temat w stronę łączenia tablic.. nie da się tutaj poprawnie skonstruować funkcji z użyciem array_push, array_merge?
Próby na nic się zdają ale nauczony jestem że nie ma rzeczy nie możliwych, choć może RB okażą się wystarczające i najlepsze do tej opcji.

Pozdro
MatKus
3.06.2014, 06:40:32
Możesz przechowywać wybór gracza w sesji.

[PHP] pobierz, plaintext 
  1.  
  2. ...
  3.  
  4. session_start();
  5.  
  6. ...
  7.  
  8. if (in_array($_GET['sex'],array('female','male')) $_SESSION['character']['sex']=$_GET['sex'];
  9. if (in_array($_GET['race'],array('human','elf','darkelf')) $_SESSION['character']['race']=$_GET['race'];
  10.  
  11. $character=$_SESSION['character'];
  12.  
  13. if ([coś co robisz, żeby przejść dalej])
  14. {
  15. if ($character['sex']=='' OR $character['race']=='')
  16. {
  17. echo('musisz wybrać płeć i rasę');
  18. } else
  19. {
  20. ...idziesz dalej...
  21. }
  22. }
  23.  
[PHP] pobierz, plaintext
tzm
3.06.2014, 18:21:01
Nakierowałeś mnie trochę ale to i tak nie to. Korzystając z Twoich sesji i tak robił podwójną tą tablicę.
Prawidłowo wygląda to tak:

[HTML] pobierz, plaintext 
  1. 	<script>
  2. 	$(document).ready(function(){
  3. 		$('#sex a, #race a').click(function(){
  4. 			var href = $(this).attr('href');
  5. 			$('#overview .background').load(href);
  6. 			return false;
  7. 		});
  8. 	});
  9. 	</script>
[HTML] pobierz, plaintext


I tyle....
Dzięki panowie za chęci!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.