På nogle sider er der mulighed for at folde en tabel sammen. F.eks. hvis man ønser at have noget source-code stående. Der kan så stå 'Kode', og når man trykket folder tabelen sig ud og alt bliver vist.
Hvordan fungere det? Er der et sted jeg kan hente sådan et script eller en artikel der fortæller hvordan man laver det selv? Eller er det forholdvist simpel så man blot selv kan lave det fra bunden?
Har ikke den store ide om hvordan det gøres.
Alt det der med Replace for at finde ud af hvad der skal foldes sammen har jeg styr på . Det er blot hvordan man folder en tabel sammen der indeholder noget tekst?
Det _er_ rasende simpelt, for man ændrer blot en style property:
<body> <span style="cursor:pointer;" onclick="var d=document.getElementById('minDiv').style;d.display=(d.display!='block')?'block':'none';">Vis/skjul div</span> <div id="minDiv" style="display:none;cursor:pointer;" onclick="this.style.display='none';"> Dette er skjult indtil du trykker, og skjules igen, hvis du trykker !-)</div> </body>
Hej roenving, må jeg hurtigt hører på sidelinien om det er muligt at lave en overordnet funktion, så man vil kunne folde alle ud på en gang, eller skjule alle.
Eksempelvis hvis man har flere <span style="cursor:pointer;" onclick="var d=document.getElementById('XXX').style;d.display=(d.display!='block')?'block':'none';">Vis/skjul div1</span> <div id="XXX" style="display:none;cursor:pointer;" onclick="this.style.display='none';"> Dette er skjult indtil du trykker, og skjules igen, hvis du trykker !-)</div>
<span style="cursor:pointer;" onclick="var d=document.getElementById('YYY').style;d.display=(d.display!='block')?'block':'none';">Vis/skjul div2</span> <div id="YYY" style="display:none;cursor:pointer;" onclick="this.style.display='none';"> Dette er skjult indtil du trykker, og skjules igen, hvis du trykker !-)</div>
<span style="cursor:pointer;" onclick="var d=document.getElementById('fold1').style;d.display=(d.display!='block')?'block':'none';">Vis/skjul div1</span><br> <div id="fold1" style="display:none;cursor:pointer;" onclick="this.style.display='none';"> Dette er skjult indtil du trykker, og skjules igen, hvis du trykker !-)</div>
<span style="cursor:pointer;" onclick="var d=document.getElementById('fold2').style;d.display=(d.display!='block')?'block':'none';">Vis/skjul div2</span><br> <div id="fold2" style="display:none;cursor:pointer;" onclick="this.style.display='none';"> Dette er skjult indtil du trykker, og skjules igen, hvis du trykker !-)</div>
Synes godt om
Ny brugerNybegynder
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.