Variabler mellem php og javascript/HTML
Hej eksperterJeg er ved at lave et projekt med et tegnefelt 7x7 felter, hvor man skal kunne farvelægge feltet med fire forskellige farver. Et felt farves ved at klikke på det, og hvis feltet i forvejen har den valgte farve fjernes farven. Følgende script er fremskridtet so far.
<html>
<head>
<title></title>
<script>
function SetBg(id,col) {
document.getElementById(id).style.backgroundColor=col;
}
</script>
</head>
<body>
<H1><center>Tegn med farver i feltet</center></h1>
<?php
$vandret = 7;
$lodret = 7;
echo '<table cellspacing="1" cellpadding="1" border="3" align=center>';
for ($i=0; $i<$lodret; $i++) {
echo '<tr>';
for ($n=0; $n<$vandret; $n++) {
// dit felt
$farve = '#000000';
echo "<td id=\"felt_".$i."_".$n."\" onClick=\"SetBg(this.id, '#000000');\" width=\"15\" height=\"15\" style=\"background-color: Red;\"></td>";
}
echo '</tr>';
}
echo '</table>';
// Panel farvemuligheder
echo '<br><center>Skift farve</center>';
echo '<table cellspacing="1" cellpadding="1" border="3" align=center>';
echo "<td id=\"felt_1\"\" width=\"20\" height=\"20\" style=\"background-color: Black;\"></td>";
echo "<td id=\"felt_2\"\" width=\"20\" height=\"20\" style=\"background-color: Red;\"></td>";
echo "<td id=\"felt_3\"\" width=\"20\" height=\"20\" style=\"background-color: Blue;\"></td>";
echo "<td id=\"felt_3\"\" width=\"20\" height=\"20\" style=\"background-color: Yellow;\"></td>";
echo '</table>';
// Panel valgt farve
echo '<br><center>Aktuelle farve</center>';
echo '<table cellspacing="1" cellpadding="1" border="3" align=center>';
echo "<td id=\"felt_3\"\" width=\"30\" height=\"30\" style=\"background-color: Black;\"></td>";
echo '</table>';
?>
</body>
</html>
Mit problem er nu at få indført funktionaliteten med at vælge farve, og at et farvet felt slettes ved tryk med samme farve.
Endvidere er det meningen at feltet nederst viser den aktuelt valgte farve.
Jeg har tidligere lavet dette i Flash, men kan ikke få variablerne til at spille sammen her..
Hjælp.. :)
