Body Onload

Du Kan lave layers til de 6 labels som du sætter til *hide*  så når du flytter musen hen over dem bliver  layeren eller alle til *Show*

Hvis du ikke har Adobe GoLive ville jeg anbefale at du downloader en test version,, er utrolig nemt og "Powerfull" program som du kan lege med layers og mange nye ting (Nok den bedste WebEditor til dato!

isdan>>Og aldrig har man oplevet så meget kode snask!

dkkarpen>> Ja men du kan selv reducere coden med at lave funktioner til de ofte kaldte handlinger. Men hvis man kender programmets muligheder er det ikke så galt.

Det kan jo diskuteres. Men vil du have fuld kontrol, ja....., så kender du selv svaret - Visual Interdev!

Jeg har layers. men det er egentligt ikke det der er problemmet her er koden:


.label      { position: absolute; left: 0px; right: 0px; z-index: 1; background-color:
              #000000; border: 0px solid #000000 }
<p align="center" style="border-style: solid; border-color: #000000">&nbsp;</p>
<p align="center" style="border-style: solid; border-color: #000000"><img
src="images/Baggrund.JPG" width="503" height="379" border="0" usemap="#map1"> <map
name="map1">
<area href="1" shape="rect" coords="85, 218, 271, 247"
onmouseover="showlabel('label1')" onmouseout="hidelabel('label1')">
<area href="2" shape="rect" coords="97, 24, 272, 57"
onmouseover="showlabel('label2')" onmouseout="hidelabel('label2')">
<area href="3" shape="polygon" coords="182, 149, 52, 66, 9, 116, 144, 190"
onmouseover="showlabel('label3')" onmouseout="hidelabel('label3')">
<area href="4" shape="polygon"
coords="347, 123, 341, 103, 347, 91, 364, 80, 362, 52, 348, 35, 333, 28, 306, 33, 288, 60, 294, 81, 304, 104, 303, 115, 295, 121, 315, 134"
onmouseover="showlabel('label4')" onmouseout="hidelabel('label4')">
<area href="5" shape="rect" coords="20, 316, 349, 372"
onmouseover="showlabel('label5')" onmouseout="hidelabel('label5')">
<area href="6" shape="polygon"
coords="329, 260, 328, 246, 299, 249, 286, 268, 307, 272, 339, 307, 349, 302, 391, 268, 433, 300, 433, 326, 415, 336, 411, 356, 430, 372, 454, 362, 485, 351, 485, 342, 464, 343, 453, 282, 430, 247, 432, 187, 447, 207, 455, 205, 454, 187, 429, 174, 447, 144, 430, 127, 414, 127, 404, 136, 399, 153, 369, 171, 348, 187, 324, 194, 328, 214, 340, 218, 359, 214, 359, 200, 380, 184, 377, 218, 341, 266"
onmouseover="showlabel('label6')" onmouseout="hidelabel('label6')"></map>
<div id="label1" class="label" style="width: 100%; height: 30">
  <p align="center"><i><font
  size="4">Udviklerne bag denne side...</font></i>
</div>
<div id="label2" class="label" style="width: 100%; height: 30">
  <p align="center"><i><font
  size="4">Previews samt anmeldelser af de nyeste spil...</font></i>
</div>
<div id="label3" class="label" style="width: 100%; height: 30">
  <p align="center"><i><font
  size="4">Eksempler samt hjælp til billedbehandling i Photoshop...</font></i>
</div>
<div id="label4" class="label" style="width: 100%; height: 30">
  <p align="center"><i><font size="4">Lær om programmeringsteknikker i
  Delphi...</font></i>
</div>
<div id="label5" class="label" style="width: 100%; height: 30">
  <p align="center"><i><font size="4">Filmunderholdning på højeste plan...</font></i>
</div>
<div id="label6" class="label" style="width: 100%; height: 30">
  <p align="center"><i><font size="4">Fodbold på højeste plan (lige i røven
  af Freja)...</font></i>
</div>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center"><!--webbot bot="HitCounter" startspan u-custom i-digits="0"
i-image="0" preview="&lt;strong&gt;[Besøgstæller]&lt;/strong&gt;"
i-resetvalue="0" --><img src="_vti_bin/fpcount.exe/C:/Dokumenter/Mine%20Web-steder/mit_web-sted/?Page=index.htm|Image=0" alt="Besøgstæller"><!--webbot
bot="HitCounter" endspan --></p>
<p align="center">&nbsp;</p>
&nbsp;

</body>
<script language="JavaScript">
<!--
n=document.layers;
ie=document.all;

function showlabel(labelid){
if(ie || n){
if(n) {document.layers[labelid].visibility="show";}
else {document.all(labelid).style.visibility="visible";}
}
}

function hidelabel(labelid){
if(ie || n){
if(n) {document.layers[labelid].visibility="hidden";}
else {document.all(labelid).style.visibility="hidden";}
}
}


// -->
</script>

Det jeg ønsker er at skjule alle labels fra start af.

Ved ikke noget om det med layers, men umiddelbart ser det ud som om der er fejl ..
function showlabel(labelid){
if(ie || n){
if(n) {document.layers[labelid].visibility="show";}
else {document.all(labelid).style.visibility="visible";}
}
}

function hidelabel(labelid){
if(ie || n){
if(n) {document.layers[labelid].visibility="hidden";}
else {document.all(labelid).style.visibility="hidden";}
}

Skal de almindelige () ikke udskiftes med [] ? bare lige en ting jeg så.

Prøv denne kode og læs den ... Er det du søger men du kunner lave det hele på et par minuter med GoLive!



<html>

    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <meta name="generator" content="Adobe GoLive 4">
        <title>Welcome to Adobe GoLive 4</title>
        <csactions>
            <csaction name="18FBD790" class="ShowHide" type="ONEVENT" val0="nr2" val1="1">
            <csaction name="19004411" class="ShowHide" type="ONEVENT" val0="nr1" val1="1">
        </csactions>
        <csscriptdict>
            <script><!--
CSStopExecution = false;

function CSAction(array) {
    return CSAction2(CSAct, array);
}
function CSAction2(fct, array) {
    var result;
    for (var i=0;i<array.length;i++) {
        if(CSStopExecution) return false;
        var actArray = fct[array[i]];
        if(actArray == null) return false;
        var tempArray = new Array;
        for(var j=1;j<actArray.length;j++) {
            if((actArray[j] != null) && (typeof(actArray[j]) == "object") && (actArray[j].length == 2)) {
                if(actArray[j][0] == "VAR") {
                    tempArray[j] = CSStateArray[actArray[j][1]];
                }
                else {
                    if(actArray[j][0] == "ACT") {
                        tempArray[j] = CSAction(new Array(new String(actArray[j][1])));
                    }
                else
                    tempArray[j] = actArray[j];
                }
            }
            else
                tempArray[j] = actArray[j];
        }           
        result = actArray[0](tempArray);
    }
    return result;
}
CSAct = new Object;
CSAg = window.navigator.userAgent; CSBVers = parseInt(CSAg.charAt(CSAg.indexOf("/")+1),10);
function IsIE() { return CSAg.indexOf("MSIE") > 0;}
function CSIEStyl(s) { return document.all.tags("div")[s].style; }
function CSNSStyl(s) { return CSFindElement(s,0); }
function CSFindElement(n,ly) { if (CSBVers < 4) return document[n];
    var curDoc = ly ? ly.document : document; var elem = curDoc[n];
    if (!elem) { for (var i=0;i<curDoc.layers.length;i++) {
        elem = CSFindElement(n,curDoc.layers[i]); if (elem) return elem; }}
    return elem;
}
function CSSetStyleVis(s,v) { if (IsIE()) CSIEStyl(s).visibility = (v == 0) ? "hidden" : "visible";
    else CSNSStyl(s).visibility = (v == 0) ? 'hide' : 'show'; }
function CSGetStyleVis(s) { if (IsIE()) return (CSIEStyl(s).visibility == "hidden") ? 0 : 1;
    else return (CSNSStyl(s).visibility == 'hide') ? 0 : 1;}

function CSShowHide(action) {
    if (action[1] == '') return;
    var type=action[2];
    if(type==0) CSSetStyleVis(action[1],0);
    else if(type==1) CSSetStyleVis(action[1],1);
    else if(type==2) {
        if (CSGetStyleVis(action[1]) == 0) CSSetStyleVis(action[1],1);
        else CSSetStyleVis(action[1],0);
    }
}

// --></script>
        </csscriptdict>
        <csactiondict>
            <script><!--
CSAct[/*CMP*/ '18FBD790'] = new Array(CSShowHide,/*CMP*/ 'nr2',1);
CSAct[/*CMP*/ '19004411'] = new Array(CSShowHide,/*CMP*/ 'nr1',1);

// --></script>
        </csactiondict>
        <style type="text/css"><!--
#layer { position: absolute; top: 16px; left: 32px; width: 100px; height: 100px; visibility: visible }
#nr1 { position: absolute; top: 72px; left: 233px; width: 100px; height: 100px; visibility: hidden }
#nr2 { position: absolute; top: 125px; left: 371px; width: 100px; height: 100px; visibility: hidden }-->
        </style>
    </head>

    <body>
        <div id="nr1">
            Den f&oslash;rste</div>
        <div id="nr2">
            Numer 2</div>
        <a href="(Empty Reference!)">
        <div id="layer">
            <a href="#" csover="19004411" onmouseover="CSAction(new Array(/*CMP*/'19004411'));return true;">den nr 1</a>
            <p><a href="#" csover="18FBD790" onmouseover="CSAction(new Array(/*CMP*/'18FBD790'));return true;">den nr 2</a></div>
        </a>
    </body>

</html>