Notifikationer

Markér alle som læst Log ud

steen_hansen Forsker

29. april 2006 - 20:23 Der er 8 kommentarer og
1 løsning

Fold ud/ind

Jeg har set flere steder, at man trykker på et link, og så foldes tekst ud. Jeg tror f.eks. activedeveloper.dk benytter det til når medlemmerne har postet kode. Ved tryk på et link, vises al teksten. Det samme har jeg set i et debatforum. Jeg håber der er én, der ligger inde med noget færdigt, lige til at copy paste. Jeg tror ikke der er der store i det, når bare man ved hvordan :)

Synes godt om

apo Praktikant

29. april 2006 - 20:32 #1

Sådan her f.eks.:

...
<head>
<script type="text/javascript">
function toggle(id){
elmStyle = document.getElementById(id).style;
if(elmStyle.display != "block")
elmStyle.display = 'block';
else
elmStyle.display = 'none';
}
</script>
</head>
<body>
<a href="#" onclick="toggle('minDiv');return false;">Klik her for at folde ud</a>
<div id="minDiv">Bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</div>
...

Synes godt om

steen_hansen Forsker

29. april 2006 - 20:46 #2

Fedest, apo :) .... Men det virker ikke, jeg har linket

<script type="text/JavaScript" language="JavaScript">
function toggle(id){
elmStyle = document.getElementById(id).style;
if(elmStyle.display != "block")
elmStyle.display = 'block';
else
elmStyle.display = 'none';
}
</script>
</head>

<a href="#" onclick="toggle('explainDiv'); return false; onfocus="this.blur();"><b>Bemærkning</b></a>
<div id="explainDiv">Al tekst her</div>

Jeg troede først, at onfocus="this.blur();" lavede ballade, men jeg har prøvet at fjerne det, det gør ingen forskel :o[

Synes godt om

apo Praktikant

29. april 2006 - 20:57 #3

Du mangler i al fald at lukke onclick med et anførselstegn (før onfocus):

<script type="text/JavaScript" language="JavaScript">
function toggle(id){
elmStyle = document.getElementById(id).style;
if(elmStyle.display != "block")
elmStyle.display = 'block';
else
elmStyle.display = 'none';
}
</script>
</head>

<a href="#" onclick="toggle('explainDiv'); return false;" onfocus="this.blur();"><b>Bemærkning</b></a>
<div id="explainDiv">Al tekst her</div>

Ovenstående burde virke :-)

Synes godt om

steen_hansen Forsker

29. april 2006 - 21:00 #4

Jeg er fjols, jeg havde selv noget liggende:

<head>
<script type="text/javascript" language="JavaScript">
function showMnu(id) {
var styleCheck = document.getElementById("mnu" + id).style.display;
if (styleCheck == "inline") document.getElementById("mnu" + id).style.display = "none"
if (styleCheck == "none") document.getElementById("mnu" + id).style.display = "inline"
}
</script>
</head>

<div style="cursor: pointer;" onclick="showMnu(1);"><b>Bemærkning</b></div>
<div style="display: none;" id="mnu1">
Al teksten her
</div>

Men mange tak for indsatsen, apo :)

Synes godt om

steen_hansen Forsker

29. april 2006 - 21:01 #5

Det kan jeg godt se, nu du siger det :)

Jeg benytter hvad jeg selv havde liggende, det fungerer som det skal. Men tak for hjælpen - bedste ven :)

Synes godt om

apo Praktikant

29. april 2006 - 21:04 #6

OK. Velbekomme, og tak for points :-)

Men, det jeg viste virker også 'som det skal' (Jeg bruger det selv) ;-)

Synes godt om

steen_hansen Forsker

29. april 2006 - 21:06 #7

Jeg er ikke et sekund i tvivl, det var den manglende " der tiltede det hele. Men vi snakkes :)

Synes godt om

apo Praktikant

29. april 2006 - 21:08 #8

Helt i orden. Brug det, du finder bedst :-)

Synes godt om

mclemens Nybegynder

29. april 2006 - 21:41 #9

Tjah en smagssag :)
... her er den forkortet lidt ned:

<script type="text/javascript">
function showMnu(id) {
var tnode=document.getElementById("mnu" + id);
var styleCheck = tnode.style.display;
tnode.style.display=(styleCheck=="inline")?"none":"inline";
}
</script>

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	03/05/202613:59
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