Form skal ændre motiv
Jeg fik hjælp med denne kode forleden, og har nu fået en ny ting som jeg meget gerne vil tilføje. Problemet er kompetence.....Anyway...her er der en dropdown menu som ændre nogle indstillinger alt efter hvad man vælger.
Jeg kunne nu godt tænke mig at den også kunne ændre motivet på samme måde som med resten.
Jeg prøvede at sætte en ekstra:
document.getElementById("motiv1").setAttribute("value",vals[3]);
<option value="Niels|170|1|billed_af_niels.jpg">Person 1</option>
og i mit hoved virker det som fornuft,- nu skal den så "bare" skifte i en indstilling som henter motivet,- og det er her at filmen knækker. Jeg har ledt og søgt på nettet men er ikke blevet klogere.
Jeg tror at det er denne lilie som skal rettes til,- meeennnn...
<img src="motiv1" width="96" height="72">
Udgangspunktet er at bibeholde strukturen i koden, men blot tilføje et enkelt element ekstra.
Håber at det giver mening.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#003300">
<div align="center">
<script type="text/javascript">
function visBruger(sel){
if(sel.selectedIndex==0)
document.getElementById("showUser").style.display = "none";
else{
var vals = sel.value.split("|");
document.getElementById("navn1").setAttribute("value",vals[0]);
document.getElementById("højde1").setAttribute("value",vals[1]);
document.getElementById("antal1").setAttribute("value",vals[2]);
document.getElementById("showUser").style.display = "block";
}
}
</script>
<FORM METHOD="POST" ACTION="http://www.one.com">
<INPUT TYPE="HIDDEN" NAME="userid" VALUE="12345678">
<table width="43%" height="348" border="7" bordercolor="#999999" bgcolor="#FFFFFF">
<tr bgcolor="#DDDDDD">
<td height="81" colspan="3"><div align="center"> </div>
<div align="center">
<select name="bruger" onChange="visBruger(this);">
<option>Hvem tror du er den rigtige?</option>
<option value="Niels|170|1">Person 1</option>
<option value="Svend|190|2">Person 2</option>
<option value="Søren|210|3">Person 3</option>
</select>
</div></td>
</tr>
<tr>
<td width="47%" height="100" bgcolor="#92D74A"> <div align="left">
<table width="71%" height="84" border="0" align="center">
<tr>
<td width="21%" height="25"><div align="right"><font face="Arial, Helvetica, sans-serif">Navn:</font></div></td>
<td width="79%"><input name="navn1" id="navn1"></td>
</tr>
<tr>
<td width="21%" height="25"><div align="right"><font face="Arial, Helvetica, sans-serif">Højde</font><font face="Arial, Helvetica, sans-serif">:
</font></div></td>
<td><input name="højde1" id="højde1"></td>
</tr>
</table>
</div></td>
<td width="41%"><div align="center"><img src="db_25.jpg" width="96" height="72"></div></td>
<td width="12%" bgcolor="#92D74A"><p align="center"><font face="Arial, Helvetica, sans-serif">Antal:</font>
<input name="antal1" id="antal1" size="4">
</p></td>
</tr>
<tr bgcolor="#DDDDDD">
<td height="43" colspan="3"> </td>
</tr>
<tr>
<td height="100" colspan="3" bgcolor="#92D74A"><div align="center">
<input name="SUBMIT" type="SUBMIT">
</div></td>
</tr>
</table>
</FORM>
<p> </p>
</div>
</body>
</html>
