04. april 2006 - 13:54Der er
7 kommentarer og 1 løsning
Collapse og expande tekst
Hej eksperter, jeg har et lille javascript, som gør at jeg kan collapse og expande et tekst-stykke, så det ikke fylder for meget.
Jeg har et span tag, der som start indeholder 1 lille bid af teksten, og når jeg så klikker på mit +, som expand'er teksten, bytter scriptet mit span tag's indhold ud med den fulde tekst.
Teksten som den skal bytte ud med ligger i selve mit link. <a href="java script:byt(1, 'den lille bid af teksten', 'her er så hele teksten til expand.');">+</a>
Den først er mit id, på mit span tag, og den næste er den lille tekst, og nr. 3 er den fulde tekst.
Men på denne måde er det meget skrøbeligt, og ikke så smart synes jeg selv, hvis nu man vil lave HTML i teksten, så virker det ikke.
Hvis du har længere tekster med megen formatering var det måske lettere at lave 2 span´s og vise/skjule dem ex:
<script type="text/javascript"> function showhide(id){ for(i=1;i<3;i++){ var a = document.getElementById(id + i); if(a.style.display=='none'){ a.style.display='inline'; }else{ a.style.display='none'; } } } </script> <div style="width:300px;"> <a href="#" onclick="showhide('tekst');return false;">+</a> <span id="tekst1"> Her er en teaser... </span> <span id="tekst2" style="color:red;display:none;"> Her er den rigtige tekst og der er meget af den.... </span> </div>
/psc
Synes godt om
Slettet bruger
10. august 2006 - 08:53#3
Jeg vil sige det er en delere (mellem jer 2 self ;D)...?
Hvis du kan bruge scriptet/ideen må du da gerne give lidt kredit, hvis du syntes :-)
Synes godt om
Slettet bruger
13. august 2006 - 11:56#7
iden var okay, så du får points.
Synes godt om
Slettet bruger
21. december 2006 - 23:31#8
/lukker
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.