Avatar billede getalife Nybegynder
11. juli 2002 - 16:06 Der er 7 kommentarer og
1 løsning

Klappe skjulte layers sammen

Hejsa

Jeg har en række med layers til at stå under hinanden.
Når jeg skjuler det øverste vil jeg godt have de andre til at hoppe opad.
Er der nogen er kan hjælpe med det?

Min kode ligner dette:

<html>

<head>
<meta http-equiv="Content-Type" content="TEXT/HTML; charset=windows-1252">
<title>DIV EKS</title>
<script language="JavaScript">
var ns, ns6, ie;

ns  = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie  = (document.all) ? true : false;

function getLayerStyle( lyr ){
if( ns ){
return document.layers[lyr];
} else if( ie ){
return document.all[lyr].style;
} else if( ns6 ){
return document.getElementById(lyr).style;
}
}

function ShowHide(layer){
newlayer = getLayerStyle(layer)
if (newlayer.visibility == "hidden") {
newlayer.visibility = "visible";
}
else if (newlayer.visibility == "visible") {
newlayer.visibility = "hidden";
}
}
</script>
</head>
<body>
<a href="java script:ShowHide('mitlayer1')">Vis/Skjul</a>
<div name="mitlayer1" id="mitlayer1" style="background-color: #000000; visibility: hidden">
  <font color="#FFFFFF">HEJ MED DIG</font>
</div>
<a href="java script:ShowHide('mitlayer2')">Vis/Skjul</a>
<div name="mitlayer2" id="mitlayer2" style="background-color: #000000; visibility: hidden">
  <font color="#FFFFFF">HEJ MED DIG</font>
</div>
<a href="java script:ShowHide('mitlayer3')">Vis/Skjul</a>
<div name="mitlayer3" id="mitlayer3" style="background-color: #000000; visibility: hidden">
  <font color="#FFFFFF">HEJ MED DIG</font>
</div>

</body>
</html>
Avatar billede nikolajdu Nybegynder
11. juli 2002 - 16:15 #1
Jeg har den her liggende :

<html>
  <head>
    <script language="javascript">
      <!--
   
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;


function showhide(menu){

if (ns6||ie5 && document.getElementById(menu).style.display=='none'||document.getElementById(menu).style.display=='undefined') {
          document.getElementById('menu1_sub').style.display='none';
          document.getElementById('menu2_sub').style.display='none';
          document.getElementById('menu3_sub').style.display='none';
          document.getElementById(menu).style.display='';
        }else if (ns6||ie5 && document.getElementById(menu).style.display==''){
        alert('hej igen')
        document.getElementById(menu).style.display='none'
    }else if (ie4 && document.all[menu].style.display=='none') {
          document.all['menu1_sub'].style.display='none';
          document.all['menu2_sub'].style.display='none';
          document.all['menu3_sub'].style.display='none';
          document.all[menu].style.display='';
        }else if (ie4 && document.all[menu].style.display==''){
        document.all[menu].style.display='none'
    }else if (ns4 && document.layers[menu].style.display=='none') {
          document.layers['menu1_sub'].style.display='none';
          document.layers['menu2_sub'].style.display='none';
          document.layers['menu3_sub'].style.display='none';
          document.layers[menu].style.display='';
        }else if (ns4 && document.layers[menu].style.display==''){
        document.layers[menu].style.display='none'
    } 
}
 
      -->
    </script>
  </head>

  <body>
 
  <a href="#" id="menu1" name="menu1" onClick="showhide('menu1_sub')" style="cursor:hand;">Vis Menu 1</a>
<br>
      <div id="menu1_sub" name="menu1_sub" style="display:none">
        <a href="#" target="_blank">aaasd</a><br>
        <a href="#" target="_blank">asda</a><br>
      </div>
    <a href="#" id="menu2" name="menu2" onClick="showhide('menu2_sub')" style="cursor:hand;">Vis Menu 2</a>
    <br>
      <div id="menu2_sub" name="menu2_sub" style="display:none">
        <a href="#" target="_blank">asda</a><br>
        <a href="#" target="_blank">asdad</a><br>
      </div>

    <a href="#" id="menu3" name="menu3" onClick="showhide('menu3_sub')" style="cursor:hand;">Vis Menu 3</a>
      <div id="menu3_sub" name="menu3_sub" style="display:none">
        <a href="#" target="_blank">asdad</a><br>
      </div>

  </body>
</html>
Avatar billede getalife Nybegynder
11. juli 2002 - 16:28 #2
Dæjli', Tak skal du ha
Avatar billede getalife Nybegynder
11. juli 2002 - 16:28 #3
Kyler du lige et svar?
Avatar billede nikolajdu Nybegynder
11. juli 2002 - 16:28 #4
Og hvis vi skal optimere din egen (og mi for den sags skyld...) lidt :

<html>

<head>
<meta http-equiv="Content-Type" content="TEXT/HTML; charset=windows-1252">
<title>DIV EKS</title>

<script language="javascript">   
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function ShowHide(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
if(styleObj.display == "none"){
styleObj.display = ""
}else{
styleObj.display = "none"
    }
}


</script>

</head>
<body>
<a href="java script:ShowHide('mitlayer1')">Vis/Skjul</a>
<div name="mitlayer1" id="mitlayer1" style="display:none;background-color: #000000;">
  <font color="#FFFFFF">HEJ MED DIG</font>
</div>
<br>
<a href="java script:ShowHide('mitlayer2')">Vis/Skjul</a>
<div name="mitlayer2" id="mitlayer2" style="display:none;background-color: #000000;">
  <font color="#FFFFFF">HEJ MED DIG</font>
</div>
<br>
<a href="java script:ShowHide('mitlayer3')">Vis/Skjul</a>
<div name="mitlayer3" id="mitlayer3" style="display:none;background-color: #000000;">
  <font color="#FFFFFF">HEJ MED DIG</font>
</div>

</body>
</html>
Avatar billede nikolajdu Nybegynder
11. juli 2002 - 16:29 #5
ok så da :))

Den sidste version er den bedste :))
Avatar billede getalife Nybegynder
11. juli 2002 - 16:38 #6
Tak for det :o)

Spiller du stadig CS?
Avatar billede nikolajdu Nybegynder
11. juli 2002 - 16:41 #7
Jo, men næsten aldrig på boomtown længere - Hver anden gang jeg forsøger at logge ind siger den min CD key er in use - Sikke en omgang fis - Det sker kun der... :))

Spiller mest på bredbånd i disse dage - Hvad med dig :)
Avatar billede getalife Nybegynder
11. juli 2002 - 16:46 #8
Det var da spooky... og temmelig kedeligt :o(

Jeg spiller lidt, og kun på BT.. det er der jeg "kender" folk.
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