Hallo
ich habe
ne Tabelle1 (zur positionierung auf der seite),
in dieser Tabelle sind
in der Zeile1 eine weitere Tabelle2 (bildausgabe),
in der Zeile2 eine weitere Tabelle3 (menue auswahl).
in der Menüauswahl habe ich 2 checkboxen.
wenn ich in die erste klicke soll Bild1 das Hintergrundbild der Tabelle2 werden, wenn ich in die zweite klicke soll Bild2 das Hintergrundbild der Tabelle2 werden, wenn beide aktiviert sind soll Bild3 der Hintergrund der Tabelle2 werden, und wenn keines angeklickt ist soll auch kein Bild hintergrund sein.
alles soll auf klick passieren und nicht extra ein button dazu.
kann mir jemand helfen?
bin ich bei html und js richtig?
wie kann ich das realisieren?
Danke
ich habe
ne Tabelle1 (zur positionierung auf der seite),
in dieser Tabelle sind
in der Zeile1 eine weitere Tabelle2 (bildausgabe),
in der Zeile2 eine weitere Tabelle3 (menue auswahl).
in der Menüauswahl habe ich 2 checkboxen.
wenn ich in die erste klicke soll Bild1 das Hintergrundbild der Tabelle2 werden, wenn ich in die zweite klicke soll Bild2 das Hintergrundbild der Tabelle2 werden, wenn beide aktiviert sind soll Bild3 der Hintergrund der Tabelle2 werden, und wenn keines angeklickt ist soll auch kein Bild hintergrund sein.
Code:
<html>
<head>
<title>Vorstellung</title>
<!--<script>
function checker()
{
alert(document.Testform.cb1.checked+"/"+document.Testform.cb1.value)
alert(document.Testform.cb2.checked+"/"+document.Testform.cb2.value)
}
</script>-->
<!--ganze Tabelle-->
</head>
<body text="##CCCCFF" background="hintenb.jpg" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table border=5 width="100%" height="100%" id="gesamt">
<tr height="80%">
<td valign="middle" align="center" id="hintergrund">
<form name="Testform" action="">
<!--Bild Tabelle-->
<table border="5" background="hintenr.jpg" id="bild" width="400" height="337">
<tr>
<td valign="middle" align="center" id="mypuzzle">
<!--wenn cb1 aktiviert, dann bild1-->
<!--wenn cb2 aktiviert, dann bild2-->
<!--wenn beide aktiviert, dann bild3-->
<!--wenn keins aktiviert, dann kein bild-->
</td>
</tr>
</table>
</td>
</tr>
<!--Auswahl Menue-->
<tr height="20%" align="center" valign="middle">
<td>
<!--Auswahl Tabelle-->
<table border="5" width="80%" id="menueauswahl">
<tr>
<td valign="middle" align="center">
<input type="checkbox" name="cb1" value="bild1" ><!--onclick="javascript:checker()">-->
<label for="bild1"> Hintergrundbild? </label>
</td>
<td valign="middle" align="center">
<input type="checkbox" name="cb2" value="bild2">
<label for="bild2"> Raster? </label>
</td>
<td valign="middle" align="center">
Lösen!
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>alles soll auf klick passieren und nicht extra ein button dazu.
kann mir jemand helfen?
bin ich bei html und js richtig?
wie kann ich das realisieren?
Danke
Zuletzt bearbeitet: