Avatar billede laserzap Nybegynder
13. januar 2001 - 17:49 Der er 22 kommentarer og
1 løsning

Skjul/vis layers

Hejza alle sammen,

Jeg har en del layers på min site. Hvis man klikker på ét layer bliver det vist. Men når man klikker på et andet layer, er der så tå åbne layers. Mit spørgsmål er så, hvordan skjuler man det layer, hvis man klikker på et andet ???
Avatar billede engrob Nybegynder
13. januar 2001 - 17:51 #1
Kan du ikke bare skrive:
<a href=\"java script:vis(\'lag2\');gem(\'lag1\')\">vis lag2</a>
Avatar billede engrob Nybegynder
13. januar 2001 - 17:53 #2
eller fx. lave en funktion:

function gemVis() {
vis(\'lag2\')
gem(\'lag1\')
}

Og så skrive <a href=\"#\" onClick=\"gemVis()\">vis lag2</a>
Avatar billede engrob Nybegynder
13. januar 2001 - 17:54 #3
Mente du hvordan skjuler man lag1, ved at trykke på lag2?
Avatar billede laserzap Nybegynder
13. januar 2001 - 18:06 #4
Ja, men jeg har flere lag end 2
Avatar billede engrob Nybegynder
13. januar 2001 - 18:08 #5
Så kan du jo bare sætte den til at gemme flere ved onClick på div\'en hvis det er det du vil.
Avatar billede laserzap Nybegynder
13. januar 2001 - 18:10 #6
Hvordan gør man det ??

Jeg er 2tal newbie i JavaScript :)))
Avatar billede vandhunden Nybegynder
13. januar 2001 - 18:10 #7
Du kan lave sådan at når man trykker på det der nu skal trykkes på så kører den en funktion som gemmer ALLE layers og viser det rigtige:

function gemAlle() {
gem(\'lag1\')
gem(\'lag2\')
gem(\'lag3\')
gem(\'lag4\')
gem(\'lag5\')
}

Og så skrive <a href=\"#\" onClick=\"gemAlle();vis(\'lag3\')\">vis lag3</a>
Avatar billede engrob Nybegynder
13. januar 2001 - 18:11 #8
Vandhunden:
bliver lag3 så vist.
Avatar billede vandhunden Nybegynder
13. januar 2001 - 18:33 #9
Ja, det gør det på min side. Men jeg er ikke helt 100 på at det er sådan man skal gøre i netscape. Men jeg går ud ffra at det virker...
Avatar billede laserzap Nybegynder
13. januar 2001 - 19:08 #10
Min kode ser sådan ud :

<html>

<head>
<title>Netzilla.dk</title>
<script>
function VisLayer(DJ) {
    if (document.layers)
    {
        if (document.layers[DJ].visibility == \"show\")
        {
            document.layers[DJ].visibility = \"hide\"
        } else {
            document.layers[DJ].visibility = \"show\"
        }
    } else    {
        if (document.all[DJ].style.visibility == \"visible\")
        {
            document.all[DJ].style.visibility = \"hidden\"
        } else {
            document.all[DJ].style.visibility = \"visible\"
        }
    }
}

function HideLayer(DJ) {
    if (document.layers)
    {
        document.layers[DJ].visibility = \"hide\"
    } else {
        document.all[DJ].style.visibility = \"hidden\"
    }
}


</script>

</head>

<body>
<a href=\"java script:void(null)\" Onclick=\"VisLayer(\'test1\')\">Vis test1</a>
<br>
<div id=test1 style=\"visibility: hidden\">test1<br><a href=\"java script:void(null)\" Onclick=\"HideLayer(\'test1\')\">Skjul test1</a>
</div>
<a href=\"java script:void(null)\" Onclick=\"VisLayer(\'chat\')\">Chat</a>
<div id=chat style=\"visibility: hidden\">Velkommen til Chatten<br><a href=\"java script:void(null)\" Onclick=\"HideLayers\" </a>
</div>
</body>

</html>
_____________________________________

Hvor skal dette så stå:
function gemAlle() {
gem(\'lag1\')
gem(\'lag2\')
gem(\'lag3\')
gem(\'lag4\')
gem(\'lag5\')
}


???

Avatar billede engrob Nybegynder
13. januar 2001 - 19:24 #11
mellem <script language=\"javascript\"> og </script>

I øvrigt virker din kode ikke til ns6
Avatar billede laserzap Nybegynder
13. januar 2001 - 19:42 #12
Den er også optimeret til IE
Avatar billede laserzap Nybegynder
13. januar 2001 - 19:58 #13
ok, hvordan skal det hele så se ud ???
Avatar billede laserzap Nybegynder
13. januar 2001 - 20:53 #14
Er i døde herinde ???
Avatar billede laserzap Nybegynder
13. januar 2001 - 21:05 #15
Nunhar jeg prøvet at bikse lidt sammen.
Vannhund->

Det du skriver virker ikke...
Avatar billede laserzap Nybegynder
13. januar 2001 - 21:10 #16
HAAAAAAAAAAAAALLLLLLLLLLLLLLLLLLLOOOOOOOOOOOOOOOOO
Avatar billede laserzap Nybegynder
13. januar 2001 - 22:15 #17
Men det virker stadigvæk ikke ??!!!!!!
Avatar billede laserzap Nybegynder
14. januar 2001 - 10:56 #18
Er der da slet ingen der kan hjælpe ???
Avatar billede engrob Nybegynder
14. januar 2001 - 12:33 #19
Prøv med det her. Sig til hvis der er noget der skal laves om.

<html>

<head>
<title>Netzilla.dk</title>
<script>
function VisLayer(DJ) {
    if (document.layers)
    {
        if (document.layers[DJ].visibility == \"show\")
        {
            document.layers[DJ].visibility = \"hide\"
        } else {
            document.layers[DJ].visibility = \"show\"
        }
    } else    {
        if (document.all[DJ].style.visibility == \"visible\")
        {
            document.all[DJ].style.visibility = \"hidden\"
        } else {
            document.all[DJ].style.visibility = \"visible\"
        }
    }
}

function HideLayer(DJ) {
    if (document.layers)
    {
        document.layers[DJ].visibility = \"hide\"
    } else {
        document.all[DJ].style.visibility = \"hidden\"
    }
}

function gemAlle() {
HideLayer(\'chat\');
HideLayer(\'test1\');
}
</script>

</head>

<body>
<a href=\"java script:void(null)\" Onclick=\"VisLayer(\'test1\')\">Vis test1</a>
<br>
<div id=\"test1\" style=\"visibility: hidden\">test1<br><a href=\"java script:void(null)\" Onclick=\"HideLayer(\'test1\')\">Skjul test1</a>
</div>
<a href=\"java script:void(null)\" Onclick=\"VisLayer(\'chat\')\">Chat</a>
<div id=\"chat\" style=\"visibility: hidden\">Velkommen til Chatten<br>
</div>

<a href=\"java script:void(null)\" Onclick=\"gemAlle();VisLayer(\'layer\')\">Layer</a>
<div id=\"layer\" style=\"visibility:hidden; position:absolute; top:100; left:100; background-color:red; layer-background-color:red;\">De andre bliver skjult, men jeg bliver vist<br>
</div>

</body>

</html>
Avatar billede laserzap Nybegynder
14. januar 2001 - 12:46 #20
ok, tak for det...men hvorfor virker denne kode ikke:

<html>

<head>
<title>Netzilla.dk</title>
<script>
function VisLayer(DJ) {
    if (document.layers)
    {
        if (document.layers[DJ].visibility == \"show\")
        {
            document.layers[DJ].visibility = \"hide\"
        } else {
            document.layers[DJ].visibility = \"show\"
        }
    } else    {
        if (document.all[DJ].style.visibility == \"visible\")
        {
            document.all[DJ].style.visibility = \"hidden\"
        } else {
            document.all[DJ].style.visibility = \"visible\"
        }
    }
}

function HideLayer(DJ) {
    if (document.layers)
    {
        document.layers[DJ].visibility = \"hide\"
    } else {
        document.all[DJ].style.visibility = \"hidden\"
    }
}

function gemAlle() {
HideLayer(\'chat\');
HideLayer(\'test1\');
}
</script>

</head>

<body>
<a href=\"java script:void(null)\" Onclick=\"gemAlle();VisLayer(\'chat\')\">chat</a>
<div id=\"chat\" style=\"visibility: hidden\">Velkommen til Chatten<br>
</div>

<a href=\"java script:void(null)\" Onclick=\"gemAlle();VisLayer(\'layer\')\">Layer</a>
<div id=\"layer\" style=\"visibility:hidden; position:absolute; top:100; left:100; background-color:red; layer-background-color:red;\">De andre bliver skjult, men jeg bliver vist<br>
</div>

</body>

</html>
Avatar billede laserzap Nybegynder
14. januar 2001 - 12:52 #21
Glem mit sidste spm. jeg har forstået koden nu:)
Mange tak for hjælpen, engrob
Avatar billede laserzap Nybegynder
14. januar 2001 - 14:47 #22
engrob->
Hvad skal adressen være hvis et billede skal fungere som link ???
Avatar billede engrob Nybegynder
19. januar 2001 - 15:04 #23
Ehm... jeg forstår vist ikke helt.

Altså hvis du vil skrive et billedelink der gør skal du bare skifte teksten imellem <a> og </a> ud med <img src=\"*.*\">
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