formatowanie <td> po ich id

Question

Witam, mam pewien problem, na zajęciach tworzyliśmy szachownice, taka zwykłą, do szachów, no i tam przy kliknięciu na dany kafelek zmienia kolor, to wszystko działa, ale chciałem dodać możliwość tak jakby poruszania się po tej szachownicy, np hetmanem, pomyślałem ze każdemu <td> dam unikalne id, żeby moc je modyfikować jakoś, ale nie wiem za bardzo, jak mogę zrobić żeby, przy kliknięciu na dane pole podświetlało pola na które mogę ruszyć.

mój kod:

<?php
$i2 = isset($_GET['i']) ? $_GET['i'] : 'aa';
$j2 = isset($_GET['j']) ? $_GET['j'] : 'aa';
echo "<table>";
for($i=1;$i<=8;$i++){
	echo "<tr>";
	for($j=1;$j<=8;$j++){
		if(($i+$j)%2==0){
			if(isset($_GET['i']) && isset($_GET['j'])){
			
			if($_GET['i']==$i && $_GET['j']==$j){
			echo '<td id="td'.$i.$j.'" class="wcisniete"></td>';
			
			}
			else
			echo '<td id="td'.$i.$j.'" class="orange"><a href="?i='.$i."&j=".$j.'"></a></td>"';
				
			}
			else 
				echo '<td id="td'.$i.$j.'" class="orange"><a href="?i='.$i."&j=".$j.'"></a></td>"';
		}
		else 
			if(isset($_GET['i']) && isset($_GET['j'])){
			if($_GET['i']==$i && $_GET['j']==$j){
			echo '<td id="td'.$i.$j.'" class="wcisniete"></td>';
			
			}
			else
			echo '<td id="td'.$i.$j.'" class="yellow"><a href="?i='.$i."&j=".$j.'"></a></td>"';
			}
			else
				echo '<td id="td'.$i.$j.'" class="yellow"><a href="?i='.$i."&j=".$j.'"></a></td>"';
			
	}
	echo "</tr>";
}


echo "</table>";
echo $i2.$j2;

?>

body{
	background-color:#dddddd;
}
.orange{
	width:50px;
	height:50px;
	background-color:orange;
	border: 1px solid black;
	
}
.yellow{
	width:50px;
	height:50px;
	background-color:yellow;
	border: 1px solid black;
}
.wcisniete{
	background-color:red;
	padding-left:12px;
}
table {
  border-collapse: collapse;

}
a
{	padding-left:50px;
	padding-top:15px;
	padding-bottom:15px;

	
}

 

z góry dzięki za wszelkie sugestie.

Answer 1

Nie wiem czy dobrze zrozumiałem ale wydaje mi się że chodzi Ci o to że jak klikniesz figurę lub pion to podświetlają się wszystkie pola na które możesz się ruszyć???

 

Jeżeli tak to wydaje mi się że wtedy wygodniejszy byłby JS.

Comments

dzięki za odpowiedź, domyślam się, że js byłby lepszy, jednak prowadzący pokazywał nam to zrobione w php i jestem ciekawy, jak by to miało wyglądać ;]