Søg
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
http://simplythebest.net/info/dhtmscript3.html
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
11 min siden Mistænkelige mails! Af ErikHg i E-mail
I går 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I går 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
White papers
Flere white papers »