Avatar billede easysoft_studios Nybegynder
08. december 2001 - 20:54 Der er 9 kommentarer og
2 løsninger

bestemme en <div> left position...

kan man lave en script der finder et billede fx \"imgBand\", og fortæller en <div></div> at dens venstre position er lig \"imgBand\" venstre position...?
Avatar billede brita Nybegynder
08. december 2001 - 20:58 #1
det skal jeg vist lige have igen !

div bestemmes:

<div id=\"Layer1\" style=\"position:absolute; left:359px; top:13px; width:78px; height:42px; z-index:1\"></div>

hvor left:359px; er leftposition, hvad er det så du vil ???
Avatar billede easysoft_studios Nybegynder
08. december 2001 - 21:01 #2
jep, men med javascript, hvorda kan det så bestemmes???
Avatar billede brita Nybegynder
08. december 2001 - 21:03 #3
hvad bestemmes, hvad er det billedets venstreposition skal ???
Avatar billede Slettet bruger
08. december 2001 - 21:04 #4
Hvis du selv eller dynamisk har sat billedets left-position som Brita har vist, så er det nemt nok:

<img src=\"billede.gif\" id=\"bill\" style=\"position: absolute; left: 50; top: 100;\">
<div id=\"minDiv\" style=\"position: absolute; left: -300; top: 400;\">
<script>
if (document.getElementById) document.getElementById(\"minDiv\").style.left = document.getElementById(\"bill\").style.left;
else if (document.all) document.all[\"minDiv\"].style.left = document.all[\"bill\"].style.left;
else if (document.layers) document[\"minDiv\"].left = document[\"bill\"].left;
</script>
Avatar billede easysoft_studios Nybegynder
08. december 2001 - 21:19 #5
den sætters sig helt ved siden af billede...
Avatar billede Slettet bruger
08. december 2001 - 22:02 #6
Hva\'?

Vil du prøve at give en URL og en mere uddybende forklaring?
Avatar billede easysoft_studios Nybegynder
08. december 2001 - 22:41 #7
Avatar billede easysoft_studios Nybegynder
08. december 2001 - 22:42 #8
den der hedder medie er den jeg tester det på...
Avatar billede jakoba Nybegynder
08. december 2001 - 23:31 #9
Det er noget nær det der sker her.
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp68543.html

bortset fra at der er en <div snarere end et billede lagene blive placeret relativt til. billedets kooerdinater findes på samme måde efter du har fundet billedets html-objekt i document.images[\'billednavn\']

mvh JakobA
Avatar billede easysoft_studios Nybegynder
11. december 2001 - 22:09 #10
det gik lidt tid med at fatte \"BILLEDETS left-position\".
Men nu virker det. Jakoba\'s måde vil jeg bruge på et senere tidspunkt, så i kan dele pointene...
Avatar billede easysoft_studios Nybegynder
11. december 2001 - 23:59 #11
og her er resultatet: (hvis nogle skulle være interreseret... :)

<script langauge=\"JavaScript\">
var WinWidth, TabelLeft;

function SetMenus() {
  WinWidth = document.body.clientWidth;
  TabelLeft = WinWidth - 650;
 
  if (document.body.clientWidth >= 650) {
 
  if (document.getElementById) document.getElementById(\"newsLayer\").style.left = TabelLeft / 2 + 10;
 
  if (document.getElementById) document.getElementById(\"medieLayer\").style.left = TabelLeft / 2 + 122;
 
  if (document.getElementById) document.getElementById(\"bandLayer\").style.left = TabelLeft / 2 + 350 + 124;

  if (document.getElementById) document.getElementById(\"managLayer\").style.left = TabelLeft / 2 + 350 + 232;
  }
}
</script>

tricket er at hvad ens tabel (der hvor billederne er opbevaret) er i breden. Her 650 px. Hvis vi trækker det fra vinduets brede, har vi lige præcis det antal px, der på hver side af tabellen lagt sammen... hvis vi så dividere med 2 (at halvere) har vi hvad der er på kun den ene side af tabllen. Derefter er det blot at lægge 2 og 2 sammen for at ramme ens billeders position.
Og så kalder man blot onLoad=\"\"og onresize=\"\" for at sikre at de bliver sat i stilling og opdateret, ved resize af vinduet.... smart!!!
SOV GODT!
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