Forum PHP.pl > tablica dwuwymiarowa - value z pętli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: tablica dwuwymiarowa - value z pętli - problem

spiewak69

8.06.2014, 21:56:22

Próbuje zrobić " salę kinową " z checboxami ale mam problem z opcją value w inpucie .
Oprzeć próbuje to na tablicy dwuwymiarowej . ( oczywiscie w formularzu przekazuje przez POST )

[PHP] pobierz, plaintext 
 
 
	for ($j=1; $j<=10; $j++){
		for($i=1 ; $i <= 10 ; $i++ ){
 
			?>
			<input type="checkbox" name="place[rzad][miejsce]" value="<?php [$j][$j] ; ?> "><?php echo $i ;echo "-" ;echo $j ; ?>
			<?php }echo "<br>"; 
}?>
 
 
[PHP] pobierz, plaintext

gdy zaznacze jakiegos checboxa i chce sprawdzic tablicę POST to pokazuje mi

Array ( [place] => Array ( [rzad] => Array ( [miejsce] =>
Notice: Undefined offset: 1 in sala.php on line 44
) ) )

Turson

8.06.2014, 21:59:09

Przydałoby się jakieś echo w value
Poza tym wydaje mi się, że wystarczyłby jakiś separator między $j a $i w value, odbierając wartośc robisz explode i wiesz co jest czym

com

8.06.2014, 23:36:54

Np coś takiego :

[PHP] pobierz, plaintext 
<?php
for ($j=1; $j<=10; $j++){
		for($i=1 ; $i <= 10 ; $i++ ){
			echo "<input type=\"checkbox\" name=\"place[]\" value=\"$i,$j \">$i - $j " ; 
		}
}
 
if(isset($_POST['place'])){
foreach ($_POST['place'] as $val )
var_dump(explode(",",$val));
}
[PHP] pobierz, plaintext

YourFrog

10.06.2014, 10:27:21

Według mnie sala kinowa to jest dosyć skomplikowany problem ponieważ np w warszawie IMAX czy multikino nie mają miejsc siedzących na planie prostokąta tylko raczej coś co pokazuje niżej na obrazku i osobiście albo robiłbym go na elemencie map w html'u albo na canvasie.

Poniżej przykładowy kod. Pisałem go 15 minut w pracy także wiele pozostawia do życzenia (pomijam fakt ze z JS to ja noga jestem

). Na przykładzie każde miejsce ma 4 stany które decydują o wyświetlonym kwadraciku na ekranie. Stanu czarnego i czerwiobegi nie można zmienić. Później to tylko przy wciśnięciu przycisku pchać do posta i włala.

- Czarny - Tam gdzie ludki chodzą
- Czerwony - Ludki wcześniej zarezerowały
- Biały - Można kupić
- Zielony - Chcesz kupić

Screen: http://scr.hu/1dwz/8vki2

[HTML] pobierz, plaintext 
<html>
<head>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://raw.githubusercontent.com/caleb531/jcanvas/master/jcanvas.min.js"></script>
	<script>
		var SQUARE_SIDE = 16;
		var SQUARE_COLOR_START = 0;
		var SQUARE_COLOR_FINISH = 3;
 
		var SQUARE_COLOR_WHITE = 1;
		var SQUARE_COLOR_GREEN = 2;
		var SQUARE_COLOR_RED = 3;
 
		var SQUARE_DISABLED = [0, 3];
 
		var places = [
			[ 0, 0, 0, 0, 0, 0, 0 ],
			[ 0, 0, 1, 1, 1, 0, 1, 1 ],
			[ 0, 1, 1, 1, 1, 0, 1, 1 ],
			[ 0, 1, 1, 1, 1, 0, 1, 1 ],
			[ 0, 1, 1, 1, 1, 0, 1, 1 ],
			[ 1, 1, 1, 3, 3, 1, 1, 1 ],
			[ 1, 1, 1, 1, 1, 1, 1, 1 ],
			[ 1, 3, 1, 1, 1, 1, 1, 1 ]
		];
 
	    $(document).ready(function(){
			$('canvas').attr("width", (places[0].length + 1) * SQUARE_SIDE).attr("height", places.length * SQUARE_SIDE);
 
			drawMap();
 
			$('canvas').click(function(evt){
				var y = Math.floor(evt.offsetY / SQUARE_SIDE)
				var x = Math.floor(evt.offsetX / SQUARE_SIDE);
 
				if( $.inArray(places[y][x], SQUARE_DISABLED) != -1 )
					return;
 
				places[y][x] += 1;
 
				if( places[y][x] == SQUARE_COLOR_RED )
					places[y][x] = SQUARE_COLOR_WHITE;
 
				drawMap();
			});
		});
 
		function drawMap()
		{
			for( var y = 0; y < places.length; y++ )
				for( var x = 0; x < places[y].length; x++ )
				{
					var color = '#000';
					switch(places[y][x])
					{
						case SQUARE_COLOR_WHITE: color = '#FFF'; break;
						case SQUARE_COLOR_GREEN: color = 'green'; break;
						case SQUARE_COLOR_RED: color = 'red'; break;
					}
 
					$('canvas').drawRect({
					  fillStyle: color,
					  x: x * SQUARE_SIDE, y: y * SQUARE_SIDE,
					  width: SQUARE_SIDE - 1,
					  height: SQUARE_SIDE - 1,
					  fromCenter: false
					});
				}
		}
	</script>
	<style>
		canvas { background: black; }
	</style>
</head>
<body>
	<canvas width="200" height="200"/>
</body>
</html>
[HTML] pobierz, plaintext

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.