flere div.s

Mener du noget lignende:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<HEAD>
<!-- Minus AutoDato -->
<STYLE TYPE=\"text/css\">
#lag_1 {position:absolute;left:100px;top:125px;visibility:hidden; background-color:#ffffff; layer-background-color:#ffffff;}
#lag_2 {position:absolute;left:120px;top:150px;visibility:hidden; background-color:#ffffff; layer-background-color:#ffffff;}
#lag_3 {position:absolute;left:130px;top:175px;visibility:hidden; background-color:#ffffff; layer-background-color:#ffffff;}
#lag_4 {position:absolute;left:140px;top:200px;visibility:hidden;background-color:#ffffff; layer-background-color:#ffffff;}
</STYLE>
<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--
var ns, ns6, ie;

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

function showLayer( layer ){
  if( ns ){
        document.layers[layer].visibility = \"show\";
    } else  if( ie ){
      document.all[ layer ].style.visibility = \"visible\";
    } else if( ns6 ){
      document.getElementById(layer).style.visibility = \"visible\";
    }
}

function hideLayer( layer ){
  if( ns ){
        document.layers[layer].visibility = \"hidden\";
    } else  if( ie ){
      document.all[ layer ].style.visibility = \"hidden\";
    } else if( ns6 ){
      document.getElementById(layer).style.visibility = \"hidden\";
    }
}
//-->
</SCRIPT>
</HEAD>
<body>
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'lag_1\');\" onMouseOut=\"hideLayer(\'lag_1\');\">Vis/Skjul \'lag_1\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'lag_2\');\" onMouseOut=\"hideLayer(\'lag_2\');\">Vis/Skjul \'lag_2\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'lag_3\');\" onMouseOut=\"hideLayer(\'lag_3\');\">Vis/Skjul \'lag_3\'</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'lag_4\');\" onMouseOut=\"hideLayer(\'lag_4\');\">Vis/Skjul \'lag_4\'</a>
<div name=\"lag_1\" id=\"lag_1\">LAG_1</div>
<div name=\"lag_2\" id=\"lag_2\">LAG 2</div>
<div name=\"lag_3\" id=\"lag_3\">LAG 3</div>
<div name=\"lag_4\" id=\"lag_4\">LAG 4</div>
</body>
</html>

Yes det layer skal dog bare forblive åbent når jeg trykker op det :)

sådan så jeg kan skifte mellem det åbne layer

I: <a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'lag_1\');\" onMouseOut=\"hideLayer(\'lag_1\');\">Vis/Skjul \'lag_1\'</a>
ændrer du: onMouseOut=\"hideLayer(\'lag_1\');
      til: onMouseOut=\"showLayer(\'lag_1\');

yes så mangler vi bare at de forsvinder når jeg går over et andet link :) hehe

Hvad så med denne her:
<html>
<head>
<!-- Minus AutoDato -->
    <title>Untitled</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 over(id){
if (ns4){
document.layers[id].visibility = \"show\"
}else if (ns6) {
document.getElementById(id).style.visibility = \"visible\";
} else if (ie5) {
document.getElementById(id).style.visibility = \"visible\";
}else if (ie4) {
document.all[id].style.visibility = \"visible\";
    } 
}

function ud(id){
if (ns4){
document.layers[id].visibility = \"show\"
}else if (ns6) {
document.getElementById(id).style.visibility = \"visible\";
} else if (ie5) {
document.getElementById(id).style.visibility = \"visible\";
}else if (ie4) {
document.all[id].style.visibility = \"visible\";
    } 
}
function ny(id){
if (ns4){
document.layers[id].visibility = \"hide\"
}else if (ns6) {
document.getElementById(id).style.visibility = \"hidden\";
} else if (ie5) {
document.getElementById(id).style.visibility = \"hidden\";
}else if (ie4) {
document.all[id].style.visibility = \"hidden\";
    } 
}
</script>
</head>

<body>
<a href=\"#\" onMouseover=\"over(\'lag1\'),ny(\'lag2\')\" onMouseout=\"ud(\'lag1\')\">Her aktiveres lag 1</a>
<a href=\"#\" onMouseover=\"over(\'lag2\'),ny(\'lag1\')\" onMouseout=\"ud(\'lag2\')\">Her aktiveres lag 2</a>
<!-- husk at give div et unikt id -->
<div id=\"lag1\" name=\"lag1\" style=\"position: absolute; left:50; top:50; width: 200; height:100; z-index: 3; visibility: hidden\">Her er lag 1</div>

<div id=\"lag2\" name=\"lag2\" style=\"position: absolute; left:50; top:50; width: 200; height:100; z-index: 3; visibility: hidden\">Her er lag 2</div>

</body>
</html> 

superb :)

callesen - Den kender jeg :))

Iøvrigt komprimeret ned til:

<html>
<head>
    <title>Untitled</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 over(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.visibility = \"visible\";
}

function ud(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.visibility = \"hidden\";
}

</script>
</head>

<body>
<a href=\"#\" onMouseover=\"over(\'lag\')\" onMouseout=\"ud(\'lag\')\">kuk</a>

<div id=\"lag\" name=\"lag\" style=\"position: absolute; left:50; top:50; width: 200; height:100; z-index: 3; visibility: hidden\">Denne tekst vises n&aring;r der klikkes</div>

</body>
</html>

Og så en mindre fejl - Der kan ikke være 2 ens z-index (begge er 3)

/Nikolaj