Avatar billede Slettet bruger
30. december 2004 - 14:05 Der er 9 kommentarer og
1 løsning

Lave script fra absolut til fast placering

Jeg har fundet et script som er rettet lidt til...

kan ses her: http://studiekrogen.dk/test/ghtml.htm

men problemet er at dens position er absolut i forhold til browseren, og derved pænt svær at styr på en side der er centreret. har nu prøvet i nogle timer at overtale den til at være fast positioneret så den ikke flytter sig hvis brugere ændre browserens størelse, men uden held.

vil høre om nogen evt. kunne komme med nogle ideer til dette
Avatar billede Slettet bruger
30. december 2004 - 14:08 #1
forkert formuleret... den flytter sig netop ikke ;O)

den skulle gerne følge resten af siden som er centreret, håber i forstår ;O)
Avatar billede roenving Novice
30. december 2004 - 14:10 #2
Positionér det element, som centrerer, relativt, f.eks.

<table ... style="position:relative;">
Avatar billede Slettet bruger
30. december 2004 - 14:13 #3
jo det flytter da helt sikkert billedet der skal klikkes på, men ændre scriptet har stadig samme område at der skal klikkes på så
Avatar billede roenving Novice
30. december 2004 - 14:21 #4
Sæt alt fra <MAP> til den sidste </SPAN> ind i den tabelcelle, som skal indeholde scroll-areaet, og sæt positioneringen på tabellen (eller cellen !-)
Avatar billede Slettet bruger
30. december 2004 - 15:33 #5
http://studiekrogen.dk/

her har jeg smidt hele dynen ind i en table som har positionen relative, men den ændrer ikke på at scriptet stadig holder scrolen et andet sted.... mellem stoker og brændsel.
Avatar billede roenving Novice
30. december 2004 - 15:39 #6
Du skulle sætte det hele ind i et element, som havde den positionering ...
Avatar billede Slettet bruger
30. december 2004 - 15:48 #7
det hele stod da også in en td med den positionering ? ellers fatter jeg hat af hvad du vil have mig til
Avatar billede powernodes Nybegynder
30. december 2004 - 15:57 #8
Hvad med at positionere div's med javascript istedet, har jeg selv gjort med en lign scroller før (denne her kan også scrolle med mousewheel http://rod.rant-on.net/dhtml/scroller1.html - er lidt mere udbygget end ghtml's som efterhånden er lidt "gammel" - dog stadig cool).

fx:

function findXpos(obj) {
  var cl=0;if(obj.offsetParent){while(obj.offsetParent){
  cl+=obj.offsetLeft;obj=obj.offsetParent;}}
  else if(obj.x)cl+=obj.x;return cl;
}

function findYpos(obj) {
  var ct=0;if(obj.offsetParent){while(obj.offsetParent){
  ct+=obj.offsetTop;obj=obj.offsetParent;}}
  else if(obj.y)ct+=obj.y;return ct;
}

function placeLayers() {
  var i,x,y,args=arguments;for(i=0;i<args.length;i+=4){
  if(args[i]!=null){x=document.getElementById(args[i]);
  x.style.left=findXpos(document.getElementById(args[i+1]))+args[i+2]+"px";
  y=document.getElementById(args[i]);
  y.style.top=findYpos(document.getElementById(args[i+1])) + args[i+3]+"px";}}
}

window.onload = function() {
  placeLayers('snap_object','div1',150,200,'snap_object','div2',200,200);
}

window.onresize = function() {
  placeLayers('snap_object','div1',150,200,'snap_object','div2',200,200);
}

Det virker ganske glimerende
Avatar billede Slettet bruger
30. december 2004 - 17:00 #9
tusinde tak for hjælpen begge to, da jeg ikke helt kunne tyde roenvigs metode som jeg ellers er ganske sikker på virkede... plejer det jo at gøre ;O)

må jeg give point til powernodes for hans bidrag, samt en fin scroll bar ;O)

men mangler lige et svar
Avatar billede powernodes Nybegynder
31. december 2004 - 12:48 #10
Og det kommer her.

Godt nytår :o)
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