Avatar billede wolker Nybegynder
19. februar 2004 - 01:42 Der er 9 kommentarer og
1 løsning

Udvide et område ved klik

Hvis jeg nu har flg. på siden

Bruger: Kaj Jensen
----------------------------------------
se detaljer
----------------------------------------
Bruger: Jens Hansen
---------------------------------------
se detaljer
---------------------------------------
o.s.v.

Hvis man så trykker på se detaljer under Kaj Jensen, skal resultatet blive sådan:

Bruger: Kaj Jensen
----------------------------------------
Nørregade 12
6700 Esbjerg
Tlf. xxxxxxx
Mobil xxxxxxx
Interesser
  -Sport
  -Ludo
osv.
----------------------------------------
Bruger: Jens Hansen
---------------------------------------
se detaljer
---------------------------------------
o.s.v.

Det kan jeg sådan set godt finde ud af at gøre, ved hjælp af div tags, men jeg vil godt have det til at foregå glidende, sådan at man kan se det udvider sig.
Hvordan kan jeg gøre det, jeg behøver ikke en komplet løsning, bare en ide om hvordan det kan løses og/eller links der viser det.

Antallet af linier under detaljer er forskellig.
Avatar billede roenving Novice
19. februar 2004 - 01:46 #1
Mon det er noget af dette du kigger efter ?-)

http://www.dynamicdrive.com/dynamicindex1/index.html
Avatar billede satanic_raven Nybegynder
19. februar 2004 - 01:46 #2
Hmmm... Kan godt prøve at flikke noget sammen, men er ikke sikker på at jeg kan få det til at virke...

S.R.
Avatar billede wolker Nybegynder
19. februar 2004 - 01:59 #4
roenving> Ja det er da ikk utænkelig at jeg kan finde noget på en af de sider, MEN HVOR, jeg kan jo lede i time vis, uden at finde det måske.

Så et lidt mere nøjagtig link vil være at foretrække :-)
Avatar billede roenving Novice
19. februar 2004 - 02:24 #5
Avatar billede klasker Nybegynder
19. februar 2004 - 14:33 #6
Måske noget i retning af dette:

<script type="text/javascript">
function VisDetaljer(id,btn) {
  var obj = document.getElementById(id);
  if (obj.style.visibility=="Invisible") {
    obj.style.visibility="Visible";
    btn.value = "Skjul detaljer";
  } else {
    obj.style.visibility="Invisible";
    btn.value = "Vis detaljer";
  }
}
</script>
Bruger: <b>Kaj Jensen</b><br />
---------
<div id="KajJensenDetaljer" class="Visibility: Invisible;">
Nørregade 12
6700 Esbjerg
Tlf. xxxxxxx
Mobil xxxxxxx
Interesser
  -Sport
  -Ludo
osv.
</div>
<input type="button" value="Vis detaljer" onclick="VisDetaljer('KajJensenDetaljer',this);" />
Avatar billede klasker Nybegynder
19. februar 2004 - 14:34 #7
Ups.. div tag'et skulle se sådan ud:
<div id="KajJensenDetaljer" style="Visibility: Invisible;">
Avatar billede wolker Nybegynder
19. februar 2004 - 23:36 #8
klasker> Dit kode virker ikke, men det er også lige meget, for jeg kan ikke se at den kode skulle kunne vise detaljerne i en glidende bevægelse. Det vil nok bare skifte hurtig fra skult til ikke skjult.

roenving> Den menu du linker til opfører sig da mærkelig, det er i hver fald ikke det jeg leder efter.

Er der ikke andre bud??
Avatar billede satanic_raven Nybegynder
20. februar 2004 - 06:00 #9
Ok... Har ændret lidt i det script som roenving henviste til i sin kommentar af 19/02-2004 01:47:49...

Scriptet skal dog ændres lidt, helst med hjælp fra roenving, hvis han da har tid/gider... Det der skal ændres, er at boksen som glider ind/ud skal glide ind/ud fra toppen af en celle, istedet for toppen af en side... Og det har jeg ikke lige overblik/viden til at gøre selv... Så roenving, hvis du gider at hjælpe...

Min udgave af scriptet kan ses her:
http://www.rathan.dk/eksperten/detaljer.htm

S.R.
Avatar billede wolker Nybegynder
18. maj 2005 - 10:47 #10
tja
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