Ich hab mal ein wenig getestet, so sollte das funktionieren...
Du erstellst die Grafiken für einen geklickten und einen nicht geklickten Butten und wenn man auf ein Bild klickt, dann wird das Bild zu der angeklickten Variante geändert. Außerdem wird ein Textfeld, welches mit display:none versteckt wird die id des Bildes zugewiesen, so kann man nachher mit php mit den Daten arbeiten.
[code:1]
<html>
<head>
<script language="javascript">
function klick (foobar)
{
if(""==document.getElementById("textfeld").value){
document.getElementById("textfeld").value=foobar;
document.getElementById(foobar).src="geklickt.png";
}else{
bar=document.getElementById("textfeld").value;
document.getElementById(bar).src="nicht_geklickt.png";
document.getElementById("textfeld").value=foobar;
document.getElementById(foobar).src="geklickt.png";
}
}
</script>
</head>
<body>
<?
if(isset($_POST['foo'])){
echo "<p>
";
echo " ".$_POST['foo']."
";
echo "</p>
";
}
?>
<form action="javascript.php" method="post">
<img src="nicht_geklickt.png" id="bild1" o
nclick='klick ("bild1");' />
<img src="nicht_geklickt.png" id="bild2" o
nclick='klick ("bild2");' />
<img src="nicht_geklickt.png" id="bild3" o
nclick='klick ("bild3");' />
<img src="nicht_geklickt.png" id="bild4" o
nclick='klick ("bild4");' />
<img src="nicht_geklickt.png" id="bild5" o
nclick='klick ("bild5");' />
<img src="nicht_geklickt.png" id="bild6" o
nclick='klick ("bild6");' />
<input id="textfeld" style="display:none" type="text" name="foo" value="" />
<input id="button" type="submit" name="submitbutton" value="Absenden">
</form>
</body>
</html>
[/code:1]
