Oprettet man. d. 08. juni 2009 kl. 14:56:45

challenge
challenge (9.345 point. Point ude: 60)

Fra display til visibility

Hej eksperter,

Da jeg ikke er i den heldige situation, at jeg kan kalde mig selv for JavaScript-kyndig, har jeg måttet se mig nødsaget til at bruge et "gratis-script" (se nedenfor) til brug på en side.
http://www.dynamicdrive.com/ (...)

Ovenstående link indeholder kode og eksempel på en "collapsible" div. problemet er, at script'et der skal "åbne" og "lukke" min menu ved en collapsible div bruger display, hvilket selvfølgelig vil sige, at når jeg "toggler" frem og tilbage med min menu, vil resten af sidens indhold rykke ned sammen med åbningen af menuen (dette som følge af display='block' egenskaben. Da jeg imidlertid ønsker, at min menu skal åbne ned over siden, dvs. uden at indholdet rykker sig (dvs. vha. visibility-egenskaben (display='hidden' og display='visible') frem for display-egenskaben), er dette selvfølgelig et problem.

Jeg har prøvet at udskifte alle forekomster af 'display' med 'visibility' og 'block' med 'visible' osv. men uden held. Er der noget jeg overser ved at gøre dette? Er scriptet fundamentalt bygget på display-egenskaben således gørende en 'konvertering umulig? Andet? Hvorledes bør jeg konvertere? Evt. konsultere end programmør?

Al hjælp er meget velkomment.

Skrevet man. d. 08. juni 2009 kl. 14:58:33| #1

challenge
challenge (9.345 point)
Det omtalte script er dette:
http://www.dynamicdrive.com/ (...) som linket til på siden linket til ovenfor.

Skrevet man. d. 08. juni 2009 kl. 17:13:57| #2

challenge
challenge (9.345 point)
Denne kunne selvfølgelig løses ved at placere min div i en anden div med absolute position.

Skrevet man. d. 08. juni 2009 kl. 19:47:28| #3

splazz
splazz (57.138 point)
majbom.com
uanset om du bruger display eller visbility, vil en div altid være af typen block, og vil derrfor rykke efterfølgende indhold ned, så den kan være der.

hvis den skal ligge ovenpå den der er under den, skal du nok give den et højere z-indez, end de underliggende elementer

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Hjælp til validering

Oprettet den 26. maj 2012 kl. 14.01
Stefan1 giver 20 point for svar | Giv et svar »

Javascript sliders?

Oprettet den 24. maj 2012 kl. 11.29
NizeGuy giver 15 point for svar | Giv et svar »

Validere navn i form

Oprettet den 22. maj 2012 kl. 15.13
13thsky giver 60 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger