Eine neue Version mit allen bis jetzt geposteten Neuerungen&Aenderungen. Die ID des div des Bildes zum Text heisst txtimg
Code
<script type="text/javascript">
spalte1 = '';
spalte2 = '';
function aendere(option, spalte) {
var imgdiv = document.getElementById("imgdiv");
var txtdiv = document.getElementById("txtdiv");
var txtimg = document.getElementById("txtimg");
if (spalte == 'spalte1') {
spalte1 = option;
}
else {
spalte2 = option;
}
switch (spalte1) {
case "bild1":
imgdiv.innerHTML = '<img src=BILD1 alt=bild1>';
if (spalte2 == 'ja') {
txtdiv.innerHTML = 'Sieht Bild1 nicht schoen aus?';
txtimg.innerHTML = '<img src=BILD11 alt=bild1-ja>'
}
if (spalte2 == 'nein') {
txtdiv.innerHTML = 'Bild1 ist haesslich!';
txtimg.innerHTML = '<img src=BILD12 alt=bild1-nein>'
}
break;
case "bild2":
imgdiv.innerHTML = '<img src=BILD2 alt=bild2>';
if (spalte2 == 'ja') {
txtdiv.innerHTML = 'Sieht Bild2 nicht schoen aus?';
txtimg.innerHTML = '<img src=BILD21 alt=bild2-ja>'
}
if (spalte2 == 'nein') {
txtdiv.innerHTML = 'Bild2 ist haesslich!';
txtimg.innerHTML = '<img src=BILD22 alt=bild2-nein>'
}
break;
}
}
</script>
<table border=0>
<tr>
<td>
Wähle das Bild
</td>
<td width="20">
</td>
<td>Gefällt es dir?
</tr>
<tr>
<td style="cursor:pointer;" onclick="javascript:aendere('bild1', 'spalte1')">
Bild 1
</td>
<td width="20">
</td>
<td style="cursor:pointer;" onclick="javascript:aendere('nein', 'spalte2')">
Nein
</td>
</tr>
<tr>
<td style="cursor:pointer;" onclick="javascript:aendere('bild2', 'spalte1')">
Bild 2
</td>
<td width="20">
</td>
<td style="cursor:pointer;" onclick="javascript:aendere('ja', 'spalte2')">
Ja
</td>
</tr>
<tr>
<td colspan=3>
</td>
</tr>
<tr>
<td>
Bild:
<div id='imgdiv'>noch kein Bild</div>
</td>
<td width="20">
</td>
<td>
Text:
<div id='txtdiv'>noch kein Text</div>
</td>
</tr>
</table>
<div id='txtimg'>noch kein Bild</div>
gern geschehen
