Notifikationer

Markér alle som læst Log ud

webbe Nybegynder

29. januar 2003 - 12:07 Der er 14 kommentarer og
1 løsning

Klik på link afslører layer

Hej eksperter

Jeg søger et script der afslører/viser et lag som ellers er skjult når man klikker på et tekst-link.

Nogen der kan hjælpe med det?

Synes godt om

cdc Novice

29. januar 2003 - 12:15 #1

du kan måske bruge noget af dette:
http://hjem.get2net.dk/arntsen/eksperten/menu/menu10.htm

Synes godt om

nikolajdu Nybegynder

29. januar 2003 - 12:17 #2

Sådan her :

<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;

shown = false;

function over(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
if(!shown){
styleObj.visibility = "visible";
shown = true;
}else{
styleObj.visibility = "hidden";
shown = false;
}
}

</script>
</head>

<body>
<a href="#" onClick="over('lag')">kuk</a>

<div id="lag" name="lag" style="position: relative;z-index: 3; visibility: hidden">Denne tekst vises når der klikkes</div>

</body>
</html>

/Nikolaj

Synes godt om

webbe Nybegynder

29. januar 2003 - 12:23 #3

nikolaj:

Får følgende fejl med det:

document.all[...].style er null eller ikke et objekt

Synes godt om

nikolajdu Nybegynder

29. januar 2003 - 12:25 #4

Hvilken browser bruger du - Jeg får ingen fejl...

Synes godt om

nikolajdu Nybegynder

29. januar 2003 - 12:29 #5

Det virker for mig i NS4, NS6, NS7, IE 4, IE 5, IE 5.5, IE 6, Opera 5 og Opera 6.

Du skal huske at skifte id="lag" name="lag" til de rigtige navne og skrive det samme navn/id her i linket : onclick="over('lag')"

/Nikolaj

Synes godt om

webbe Nybegynder

29. januar 2003 - 13:00 #6

Har fået det til at virke! ;0)

Thanx

Synes godt om

nikolajdu Nybegynder

29. januar 2003 - 13:03 #7

oki doki :)

Synes godt om

webbe Nybegynder

29. januar 2003 - 13:03 #8

Øøøøøhhh - et tillægsspørgsmål...

Jeg har 4 tekstlinks der hver især skal vise deres lag....det gør de også, men det gamle lag bliver liggende og det nye lag vises bare under det gamle lag.

Hvordan kan jeg styre det så det gamle lag skjules igen?

Synes godt om

webbe Nybegynder

29. januar 2003 - 13:05 #9

Placeringen af lagene skal være det samme!

Synes godt om

nikolajdu Nybegynder

29. januar 2003 - 13:16 #10

Gør sådan her og læg mærke til at jeg har skrevet det en del om.

<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;

antalLag = 4;

function over(id){
for(a=1;a<=antalLag;a++){
var styleObj = (ns4)? document.layers["lag"+a] : (ie4)? document.all["lag"+a].style : document.getElementById("lag"+a).style;
if(a==id){
styleObj.visibility = "visible";
}else{
styleObj.visibility = "hidden";
}
}
}
</script>
</head>

<body>
<a href="#" onClick="over(1)">kuk1</a>
<br>
<a href="#" onClick="over(2)">kuk2</a>
<br>
<a href="#" onClick="over(3)">kuk3</a>
<br>
<a href="#" onClick="over(4)">kuk4</a>

<div id="lag1" name="lag1" style="position: relative;z-index: 3; visibility: hidden">Denne tekst vises når der klikkes 1</div>
<div id="lag2" name="lag2" style="position: relative;z-index: 3; visibility: hidden">Denne tekst vises når der klikkes 2</div>
<div id="lag3" name="lag3" style="position: relative;z-index: 3; visibility: hidden">Denne tekst vises når der klikkes 3</div>
<div id="lag4" name="lag4" style="position: relative;z-index: 3; visibility: hidden">Denne tekst vises når der klikkes 4</div>
</body>
</html>

/Nikolaj

Synes godt om

nikolajdu Nybegynder

29. januar 2003 - 13:19 #11

<div id="lag1" name="lag1" style="position: absolute;top:100;left:300;z-index: 3; visibility: hidden">Denne tekst vises når der klikkes 1</div>
<div id="lag2" name="lag2" style="position: absolute;top:100;left:300;z-index: 3; visibility: hidden">Denne tekst vises når der klikkes 2</div>
<div id="lag3" name="lag3" style="position: absolute;top:100;left:300;z-index: 3; visibility: hidden">Denne tekst vises når der klikkes 3</div>
<div id="lag4" name="lag4" style="position: absolute;top:100;left:300;z-index: 3; visibility: hidden">Denne tekst vises når der klikkes 4</div>

Synes godt om

webbe Nybegynder

29. januar 2003 - 14:37 #12

Thanx man - det der er bare kanon.

Synes godt om

webbe Nybegynder

30. januar 2003 - 11:20 #13

nikolaj:

Hvorfor kan jeg ikke styre højden på de lag????
Jeg kan godt styre bredden - lagene må kun være x antal pixels høje og hvis indholdet fylder mere skal der komme scrollbars - har før lavet noget hvor jeg brugte lag som fik scrollbars hvis indholdet var for langt til at kunne være inden for den angivne højde!

Mit lag ser nu således ud:

<div id="lag4" name="lag4" style="position: absolute;top:115;left:385;width:500px;z-index: 3; visibility: hidden">
</div>

Synes godt om

nikolajdu Nybegynder

30. januar 2003 - 11:21 #14

Synes godt om

webbe Nybegynder

30. januar 2003 - 11:27 #15

Thanx ;0)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS