Avatar billede wwc Nybegynder
19. december 2004 - 22:26 Der er 5 kommentarer

Ændre et billedes position

Hej!
Jeg vil gerne, ved at vælge et punkt på en liste, ændre et billedes position. Positionen angives vha. CSS, position: absolute. Der må gerne bruges JavaScript.

vh. Harry
Avatar billede keysersoze Guru
19. december 2004 - 23:01 #1
<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>
Avatar billede elskermad.dk Nybegynder
19. december 2004 - 23:14 #2
<a href='#' onClick='document.getElementById('bill').style.top='500px'>500px fra toppen, tak!</a>

forstår ikke spørgsmålet...
Avatar billede roenving Novice
20. december 2004 - 11:53 #3
<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 !-)
Avatar billede wwc Nybegynder
23. december 2004 - 18:58 #4
smid et svar. :)
Avatar billede roenving Novice
24. december 2004 - 12:00 #5
-- og nu fik jeg så også testet, så det skal være:

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

Velbekomme '-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester