Avatar billede myanimalfarm Nybegynder
21. maj 2003 - 10:36 Der er 5 kommentarer og
1 løsning

Kill layers swap depths ell. lign

Hvis jeg nu havde en masse layers der ligger med forskellige z index og når man skal have et frem som har et mindre zindex end det der vises, så ligger det sig jo bagi. Hvordan er det man får det til at virke? er der et eller andet script der "slår de andre lag ihjel" eller er der et script der bytter om på deres zindex. Kender det kun fra flash :-)

Håber i kan hjælpe!
Avatar billede pelkjaer Nybegynder
21. maj 2003 - 19:08 #1
du kan bruge:
document.getElementById(ELEMENT).style.zIndex = "4";
Avatar billede myanimalfarm Nybegynder
22. maj 2003 - 12:45 #2
hmmm synes ikke lige jeg kan få sat det ind det rette sted. Gider du lige give mig et tip :-)

min kode:

<body>
<div id="Layer1" style="position:absolute; left:115px; top:17px; width:176px; height:273px; z-index:1; background-color: #0099FF; layer-background-color: #0099FF; border: 1px none #000000; visibility: hidden;">LAG1</div>
<div id="Layer2" style="position:absolute; left:134px; top:37px; width:179px; height:291px; z-index:2; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: hidden;">LAG2</div>
<div id="Layer3" style="position:absolute; left:159px; top:60px; width:208px; height:317px; z-index:3; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000; visibility: hidden;">
  <p>LAG3</p>
</div>
<div id="Layer4" style="position:absolute; left:188px; top:91px; width:197px; height:319px; z-index:4; background-color: #999999; layer-background-color: #999999; border: 1px none #000000; visibility: hidden;">LAG
  4 </div>
<p onClick="MM_showHideLayers('Layer1','','show')"><a href="#">lag 1</a></p>
<p onClick="MM_showHideLayers('Layer2','','show')"><a href="#">lag2</a></p>
<p onClick="MM_showHideLayers('Layer3','','show')"><a href="#">lag3</a></p>
<p onClick="MM_showHideLayers('Layer4','','show')"><a href="#">lag4</a></p>
</body>

På den måde som du har skrevet, hvis man da har "brugt" alle lag en gang vil alle z-indexer så ikke være på 4 og så er man tilbage hvor man startede eller tager jeg fejl?

Julie
Avatar billede myanimalfarm Nybegynder
22. maj 2003 - 12:50 #3
det er bare en lille test fil jeg har lavet...
Avatar billede pelkjaer Nybegynder
22. maj 2003 - 13:06 #4
Jeg har lavet et lille eks:

<html>
<head>
<script type="text/Javascript">
var nytZIndex = false;

function skiftIndex() {
  if (document.getElementById) {
    if (!nytZIndex) {
      document.getElementById("Layer1").style.zIndex = 2;
      document.getElementById("Layer2").style.zIndex = 1;
    }
    if (nytZIndex) {
      document.getElementById("Layer1").style.zIndex = 1;
      document.getElementById("Layer2").style.zIndex = 2;
    }
  }
  nytZIndex = !nytZIndex;
}
</script>
</head>
<body>

<div id="Layer1" style="position:absolute; left:25px; top:25px; width:100px; height:100px; z-index:1; background-color: #0099FF; layer-background-color: #0099FF; border: 1px none #000000;">LAG1</div>
<div id="Layer2" style="position:absolute; left:45px; top:45px; width:100px; height:100px; z-index:2; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000;">LAG2</div>

<br><br><br><br><br><br><br><br>

<a href="#" onClick="skiftIndex();">Skift z-index</a>

</body>
</html>
Avatar billede myanimalfarm Nybegynder
22. maj 2003 - 13:11 #5
fandt lige et sted hvor der er præcis det jeg mener og det er på msn...PINLIGT!! hvis man ikke trykker luk kommer det rigtige lag ikke frem.

http://www.msn.dk/digitalt/sikkerhed/default.asp
Avatar billede myanimalfarm Nybegynder
16. juni 2003 - 13:35 #6
.
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
Kurser inden for grundlæggende programmering

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