Flyout/De-Collapse Flyin/Collapse

Tags:    javascript

Heey Jeg tænkte på
om der var nogle af jer kloge hoveder der måske vidste hvordan man laver en slags javascript eller php med en flyout menu.

Lidt i stil med at f.eks.

[Ting nummer 1, bla bla]
[Ting nummer 2, bla bla]
[Ting nummer 3, bla bla]

og når man trykker på dem kommer der en kasse ud under den og resten bliver som det er.

f.eks.

[Ting nummer 1, bla bla]

Indhold her og resten forbliver som det er

[Ting nummer 2, bla bla]
[Ting nummer 3, bla bla]

Lidt ligesom
http://www.dr.dk/playlister/playlist.asp?cid=5&dd=30&mm=05&yyyy=2008&cidName=P3
EN tittel og noget indhold :)

På forhånd tak :)




3 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
Hej Kasper,

En nem må der at gøre dette på er ved at lave dine overskrifter med tekst under der er skjult, som kan gøres ved hjælp af css: visibility: hidden; og derefter bruge javascript til at gøre teksten synlig med noget lignende: object.style.visibility="visible"


Så det kommer til at se cirka sådan ud:
Fold kodeboks ind/udKode 


Så skal det cirka se sådan ud:
Fold kodeboks ind/udKode 


Edit:
Hvis du så vil have den til at loade indholdet som den gør på DR, kunne du se nærmere på noget AJAX som i hvert fald kan gøre det.


Den holder ikke helt.. Hvis du gør det på den måde, og bruger visibility, elementet stadig tage plads på siden, og der vil blive et tomt område,.i stedet skal man bruge display.. display:none; eller display:block; ;)



Hej Kasper,

En nem må der at gøre dette på er ved at lave dine overskrifter med tekst under der er skjult, som kan gøres ved hjælp af css: visibility: hidden; og derefter bruge javascript til at gøre teksten synlig med noget lignende: object.style.visibility="visible"


Så det kommer til at se cirka sådan ud:
Fold kodeboks ind/udKode 


Så skal det cirka se sådan ud:
Fold kodeboks ind/udKode 


Edit:
Hvis du så vil have den til at loade indholdet som den gør på DR, kunne du se nærmere på noget AJAX som i hvert fald kan gøre det.



Indlæg senest redigeret d. 31.05.2008 14:46 af Bruger #8845
Mange tusind tak :) har ordnet det :)



Indlæg senest redigeret d. 31.05.2008 20:27 af Bruger #13723
t