Avatar billede emileej Nybegynder
19. februar 2002 - 16:29 Der er 11 kommentarer og
1 løsning

Placering af lag langs z aksen - den rækkefølge lagene ligger i oven på hinanden

Hvis du kan forstiller dig, ud over x og y aksen, en tredie akse - z aksen, der bestemmer rækkefølgen af lagene 'ud af skærmen' - hvordan de er placeret oven på hinanden, kan du måske hjælpe mig her?

Jeg skal have en metode til at kontrolere denne rækkefølge af en masse lag, jeg selv genererer. Jeg skal kunne placere et lag foran alle de andre, og jeg skal kunne placere et lag bag alle de andre...

Metoden skal helst virke i så mange browsere som muligt...

E-)mil
http://mfp.eej.dk
http://eej.dk
Avatar billede fri-hash Nybegynder
19. februar 2002 - 16:32 #1
<div style=" z-index:1; ">

0(nul) er det underste, 1 ligger ovenpå, 2 ovenpå dette osv....
Avatar billede emileej Nybegynder
19. februar 2002 - 16:34 #2
Hvilke browsere understøtter dette?
Avatar billede fri-hash Nybegynder
19. februar 2002 - 16:36 #3
og hvis du dynamisk vil ændre et z-index:

<div id="lag1" style="z-index:3;">

<script>
document.getElementById('lag1').style.z-index=5;
</script>
Avatar billede fri-hash Nybegynder
19. februar 2002 - 16:37 #4
det gør så vidt jeg ved både navigator 4+ og explorer 5+ ... det er html4-standard
Avatar billede emileej Nybegynder
19. februar 2002 - 16:39 #5
oki - så smid lige et svar - ikk?
Avatar billede fri-hash Nybegynder
19. februar 2002 - 16:42 #6
allrighty :-)
Avatar billede emileej Nybegynder
19. februar 2002 - 16:49 #7
Bortset fra at z-index resulterer i en syntaks fejl - det er jo heller ikke underligt - det ligner jo en substration...
Avatar billede fri-hash Nybegynder
19. februar 2002 - 16:53 #8
ja, det er rigtigt nok ... 2 min, finder lige den fil jeg har brugt det i, og ser hvordan jeg har skrevet det der
Avatar billede fri-hash Nybegynder
19. februar 2002 - 17:03 #9
<div id="lag1" style="z-index:3;">

<script>
document.getElementById('lag1').style.zIndex=5;
</script>
Avatar billede emileej Nybegynder
19. februar 2002 - 17:09 #10
Se DET virkede :)
Avatar billede nikolajdu Nybegynder
20. februar 2002 - 09:37 #11
For at det skal virke i IE 4 og NS 4.x

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function over(id,myZ){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.zindex = myZ;
}


Kald funktionen med: over('lagetsNavn',3);

Hvor 3 er zindex nummeret :))

/Nikolaj
Avatar billede emileej Nybegynder
20. februar 2002 - 09:43 #12
Hehe - nu har jeg selv noget i den stil - mit er forkortet til:

var obj=getObject("mitDiv");
var zPos=5;
setObjectZPos(obj,zPos);

Det sparer mig for en del linier, da der er flere funktioner, der skal have adgang til objekter på siden :)

E-)mil
http://mfp.eej.dk
http://eej.dk
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