Ændre et billedes position

<img src="bill.jpg" id="bill" alt="" style="position: absolute;" d/>

<script type="text/javascript">
  document.getElementById("bill").style.top = '200px';
  document.getElementById("bill").style.left = '350px';
</script>

<a href='#' onClick='document.getElementById('bill').style.top='500px'>500px fra toppen, tak!</a>

forstår ikke spørgsmålet...

<script type="text/javascript">
function flyt(sel){
  var val = sel.value;
  val = val.split(":");
  document.getElementById('flytDiv').style.items[val[0]] = val[1];
}
</script>

<div id="flytDiv" style="position:absolute;top:25px;left:25px;z-index:2;width:100px;height:100px;background:red;"></div>

<select onchange="flyt(this);">
  <option>Vælg position</option>
  <option value="top:100px">top 100px</option>
  <option value="top:200px">top 200px</option>
  <option value="top:300px">top 300px</option>
  <option value="top:400px">top 400px</option>
  <option value="left:100px">left 100px</option>
  <option value="left:200px">left 200px</option>
  <option value="left:300px">left 300px</option>
  <option value="left:400px">left 400px</option>
</select

-- absolut utest !-)

smid et svar. :)

-- og nu fik jeg så også testet, så det skal være:

  document.getElementById('flytDiv').style[val[0]] = val[1];

Velbekomme '-)