Avatar billede nof Nybegynder
12. november 2002 - 00:15 Der er 9 kommentarer og
1 løsning

Fold ud effekt

Hej,

jeg skal bruge sådan en fold ud effekt, hvor man f.eks. trykker på et link og så kommer der noget tekst frem nedenunder idet man trykker.

I kan bare poste noget kode eller et link til et eksempel...

/nof
Avatar billede Slettet bruger
12. november 2002 - 00:24 #1
Sådan??
<span id="test" onclick="test.innerHTML=test.innerHTML + '<br>TEST'">TEST</span>


(MEGET BIZART!)
Avatar billede pelkjaer Nybegynder
12. november 2002 - 00:36 #2
Kører ved brug af css classes som der skiftes imellem:

http://www.peterelkjaer.dk/exp/skiftklasse.html
Avatar billede knudgert Nybegynder
12. november 2002 - 01:08 #3
Det kan laves på mange måder alt efter, hvad du ønsker, her er også en mulighed

<html><head>
</head><body>
<span onclick="if (document.all)
                      document.all.test.style.display = 'block';
                    else if (document.getElementById)
                      document.getElementById('test').style.display
= 'block'"
      ondblclick="if (document.all)
                      document.all.test.style.display = 'none';
                    else if (document.getElementById)
                      document.getElementById('test').style.display
= 'none'">
<span style="cursor: pointer; cursor: hand">Klik med musen - tekst 1</span>
</span>
  <div id="test" style="display: none">Skjult tekst 1</div>
<br>
<span onclick="if (document.all)
                      document.all.test2.style.display = 'block';
                    else if (document.getElementById)
                      document.getElementById('test2').style.display
= 'block'"
      ondblclick="if (document.all)
                      document.all.test2.style.display = 'none';
                    else if (document.getElementById)
                      document.getElementById('test2').style.display
= 'none'">
<span style="cursor: pointer; cursor: hand">Klik med musen - tekst 2</span>
</span>
  <div id="test2" style="display: none"><a href="http://eksperten.dk">Eksperten</a><br>
<span style="margin-left: 50px; font-style: italic">Et godt brugerforum</span><br>
<a href="http://www.dynamicdrive.com">Dynamicdrive</a><br>
<span style="margin-left: 50px; font-style: italic">Stedet med DHTML-scripts</a></span></div>
<h2>Dobbeltklik skjuler teksten</h2>
</body></html>
Avatar billede backside Nybegynder
12. november 2002 - 10:38 #4
Avatar billede nof Nybegynder
12. november 2002 - 12:09 #5
Jeg kigger på jeres bud senere i dag. Foreløbig mange tak.
Avatar billede nof Nybegynder
12. november 2002 - 12:32 #6
pelkjaer : Jeg kan rigtig godt lide dit eksempel. Kan jeg få kildekoden?
Avatar billede pelkjaer Nybegynder
12. november 2002 - 12:33 #7
Du kan bare ta' den :)
Avatar billede nof Nybegynder
12. november 2002 - 12:53 #8
mange tak... :) Post et svar så du kan få dine point...
Avatar billede pelkjaer Nybegynder
12. november 2002 - 13:00 #9
jep :-)
Avatar billede Birte0041 Nybegynder
07. februar 2011 - 12:16 #10
Har I nogle gode forslag, link eller eksempler på - ved klik på link kommer der skjult tekst frem (den folder sig ud - folder sig ind)
Jeres ovennævnt eksempel på fold ud tekst er sådan set OK, http://www.eksperten.dk/spm/282293
men det med dobbeltklik for at lukke teksten igen, syntes jeg ikke om.

Stødt på anchor og accordion.
Jeg kunne godt tænke mig lidt a la Ekspresweb's FAQ side
http://www.ekspresweb.dk/faq.asp eller lidt som http://www.joomlanook.com/index.php?option=com_content&view=article&id=84&Itemid=65
men uden at anvende accordion. Umiddelbart har jeg lidt svært ved at gennemskue siderne.
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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