Hallo zusammen!
Um meine Kenntnisse in den Bereichen Javascript und insbesondere PHP zu erweitern, habe ich mir vorgenommen ein kleines Browser-Strategiespiel zu programmieren. Das ganze soll zunächst etwas wie eine komplexe Variante Schach werden. Meine grundlegende Überlegung ist, alle Spielrelevanten Variablen über php zu speichern und alles andere aus Ressourcengründen per Javascript auf dem User-Rechner auszuführen.
Besonders weit bin ich ehrlich gesagt noch nicht gekommen. Das erste Problem ist die Anwahl von Spielfeldern. Bei einem Klick auf ein Feld (hier durch img-Tags dargestellt) soll sich der Rahmen rot färben. Mein Code sieht bisher so aus:
<body>
<script type="text/javascript">
function RahmenZeigen (line, col) {
document.images["F2I2"].style.border = "1px solid red";
// F2I2
}
</script>
<div class = "feld">Feld</div>
<?php
$feld = 'test.png';
for ($line = 1; $line <=15; $line++)
{
for ($col=1; $col<=10; $col++)
{
echo '
<script type="text/javascript">
var line = ' . $line . ';
var col = ' . $col . ';</script>
';
echo
'<img src ="' . $feld . '"
class = "feld"
name = "F' . $line . 'I' . $col . '"
onmouseover="RahmenZeigen(line, col)">
</img>';
}
$col = 1;
echo '<br />';
}
?>
<p><script type = "text/javascript">document.write (line,col);</script></p>
</body>
In der letzten Zeile sollen zudem die Spielfeldkoordinaten über denen sich der Mauszeiger befindet dynamisch ausgegeben werden.
Ich hoffe ihr könnt mir weiterhelfen!
Beste Grüße,
Johannes