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 ???
Annonceindlæg fra Computerworld
13. januar 2001 - 17:51
#1
Kan du ikke bare skrive: <a href=\"java script:vis(\'lag2\');gem(\'lag1\')\">vis lag2</a>
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>
13. januar 2001 - 17:54
#3
Mente du hvordan skjuler man lag1, ved at trykke på lag2?
13. januar 2001 - 18:06
#4
Ja, men jeg har flere lag end 2
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.
13. januar 2001 - 18:10
#6
Hvordan gør man det ?? Jeg er 2tal newbie i JavaScript :)))
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>
13. januar 2001 - 18:11
#8
Vandhunden: bliver lag3 så vist.
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...
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\') } ???
13. januar 2001 - 19:24
#11
mellem <script language=\"javascript\"> og </script> I øvrigt virker din kode ikke til ns6
13. januar 2001 - 19:42
#12
Den er også optimeret til IE
13. januar 2001 - 19:58
#13
ok, hvordan skal det hele så se ud ???
13. januar 2001 - 20:53
#14
Er i døde herinde ???
13. januar 2001 - 21:05
#15
Nunhar jeg prøvet at bikse lidt sammen. Vannhund-> Det du skriver virker ikke...
13. januar 2001 - 21:10
#16
HAAAAAAAAAAAAALLLLLLLLLLLLLLLLLLLOOOOOOOOOOOOOOOOO
13. januar 2001 - 22:15
#17
Men det virker stadigvæk ikke ??!!!!!!
14. januar 2001 - 10:56
#18
Er der da slet ingen der kan hjælpe ???
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>
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>
14. januar 2001 - 12:52
#21
Glem mit sidste spm. jeg har forstået koden nu:) Mange tak for hjælpen, engrob
14. januar 2001 - 14:47
#22
engrob-> Hvad skal adressen være hvis et billede skal fungere som link ???
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=\"*.*\">
Vi tilbyder markedets bedste kurser inden for webudvikling