vertikaal uitklapmenu

[Galoptic]

Onderstaande tabel heb ik voor een menuutje gemaakt. (ff afgeslankte html-versie gemaakt) Nu is 't de bedoeling dat "Hier" en "Daar" (de cel zelf en de 1-pixelhoge cel erboven) verschijnen als je op "Programma" klikt, en weer verdwijnen als je weer op "Programma" klikt.

'k Heb al wel iets over nested tables (<UL><LI> etc) gevonden, maar da's denk ik niet helemaal wat ik bedoel. Jullie ideeën hierover?

code:

<TABLE WIDTH=250 BORDER=0 CELLPADDING=0 CELLSPACING=0>
        <TR VALIGN=middle>
            <TD HEIGHT=10 BGCOLOR=#55688C><B>[img]"images/1px.gif"[/img]Keuzemenu</B></TD></TR>
        <TR>
            <TD HEIGHT=1 BGCOLOR=#898DA0>[img]"images/1px.gif"[/img]</TD></TR>
        <TR>
            <TD HEIGHT=20 BGCOLOR=#F1F1F1><A HREF=home.htm>Home</A></TD></TR>
        <TR>
            <TD HEIGHT=1 BGCOLOR=#898DA0>[img]"images/1px.gif"[/img]</TD></TR>
        <TR>
            <TD HEIGHT=20 BGCOLOR=#F1F1F1><A HREF=home.htm>Programma</A></TD></TR>
        <TR>
            <TD HEIGHT=1 BGCOLOR=#898DA0>[img]"images/1px.gif"[/img]</TD></TR>
        <TR>
            <TD HEIGHT=20 BGCOLOR=#F1F1F1>----------- <A HREF=home.htm>Daar</A></TD></TR>
        <TR>
            <TD HEIGHT=1 BGCOLOR=#898DA0>[img]"images/1px.gif"[/img]</TD></TR>
        <TR>
            <TD HEIGHT=20 BGCOLOR=#F1F1F1>----------- <A HREF=home.htm>Hier</A></TD></TR>
        <TR>
            <TD HEIGHT=1 BGCOLOR=#898DA0>[img]"images/1px.gif"[/img]</TD></TR>
        <TR>
            <TD HEIGHT=20 BGCOLOR=#F1F1F1><A HREF=home.htm>Belgische frieten</A></TD></TR>
        <TR>
            <TD HEIGHT=1 BGCOLOR=#898DA0>[img]"images/1px.gif"[/img]</TD></TR>
        <TR>
            <TD HEIGHT=20 BGCOLOR=#F1F1F1><A HREF=home.htm>Broodnodig</A></TD></TR>
</TABLE>

[Willem]

Ik zou het met DIVjes oplossen. En dan met een JavaScriptje de verschillende layers visible of hidden maken, als je op een link klikt.

[Verwijderd]

Ik zou zelf display: block; en display: none; gebruiken, en inderdaad met div'jes werken. Verder is het wel prettig dat er zoiets zls CSS bestaat, het gebruik van spacer images is dan niet meer nodig.

[crisp]

Ik zou zelf onClick een border showen/hiden, heb je hetzelfde effect... Een beetje spelen met borderColor en/of borderWidth.

[Galoptic]

Okay, 'k heb nu dus door dat het een kwestie is van onClick de visibility true al dan niet false te maken. Ik ben een compelete n00b wat betreft dat soort javascriptgrapjes. Iemand een handklaar voorbeeldje? ('k Kan me niet voorstellen dat ik de eerste was het idee van een vertikaal uitklapmenu )

[crisp]

Ik heb wel een voorbeeldje, maar denk dat het aan de ingewikkelde kant is; vooral het inbouwen van support voor Opera heeft me nogal bloed, zweet en tranen gekost. Anyway hier te rippen...

[MaDDoG]

Ik weet dat ze bij computerarts.co.uk een heel net scriptje hebben.

Weet niet meer precies waar hij op de pagina staat, en ben te lui om het voor je op te zoeken. Ergens tussen downloads of zo.

[ImPrEzA]

zulke menuutjes zijn er heel veel...
zoek eens op HotScripts of Javascripts.com

Ik heb wel een kant- en klaar script gedownload, je kan hem vanavond downloaden van http://musicview.ath.cx/uitklapmenu.zip

[Galoptic]

Okay, da's al in de richting. Punt, echter, is dat ik GEEN absolute positionering wil (lastig i.v.m. centreren v/d pagina). Ik wil dat, wanneer je op de uit te klappen cel klikt, de cellen die erbij komen, alles wat eronder staat, naar beneden duwen en zelf in die ruimte gaan staan...

code:

regel 1 >>> blaat
regel 2 >>> ihaa
regel 3 >>> kijkeenshier
regel 4 >>> nou nou

En dan klik je op het item bij regel 3

code:

regel 1 >>> blaat
regel 2 >>> ihaa
regel 3 >>> kijk eens hier
regel 4 >>> >>> wow1
regel 5 >>> >>> wow2
regel 6 >>> >>> wow3
regel 7 >>> nou nou

Geen dropdown, maar een uitklapmenu... Eigenlijk kan je dat 'menu' wel weglaten... een stukje tabel moet dus uitklappen en de rest doorduwen. Any ideas on this?

[crisp]

absolute positionering kan ook binnen een relatief gepositioneerd object, dus wat dat betreft hoeft dat geen belemmering te zijn...

[Sn3akz]

Ga maar eens kijken bij

http://home.kabelfoon.nl/~patricks/purelogic/framedef.htm

Hebben ze mooi scriptje als menu.. Ik mocht het toen gebruiken, mits ik hun naam en URL in de source zette

Weet niet of het nu nog zo is.. Suc6!

[ursel]

Je heb hier toch ook hele goede proggies voor om simpel dit soort menuutjes te maken......

Bij tucows zijn er genoeg te vinden, simpel maar wel effectief....

[Galoptic]

Nog een poging:

code:

regel 1 >>> blaat
regel 2 >>> ihaa
regel 3 >>> kijkeenshier
regel 4 >>> nou nou

En dan klik je op het item bij regel 3

code:

regel 1 >>> blaat
regel 2 >>> ihaa
regel 3 >>> kijk eens hier
regel 4 >>> >>> wow1
regel 5 >>> >>> wow2
regel 6 >>> >>> wow3
regel 7 >>> nou nou

Het item bij regel 3 klapt uit... Dit item sluit pas weer (m.a.w. doet de desbetreffende cellen verdwijnen) als erop geklikt wordt. Dus geen onMouseOver, maar onClick bla bla bla... Maar 't is dat "bla bla bla..." waar ik de weg kwijtraak.

En okay, mocht 't met tabelcellen 'te lastig' zijn, dan doe 'k het wel een div'je met een 1px-border aan de onderkant. Maar het onclick visible maken en VOORAL alles wat eronder staat evenveel pixels als het uitklapgedeelte hoog is, naar beneden duwen... Da's het probleem.

[Verwijderd]

Zie hier een vlug voorbeeldje

Met display: [block|none]; schuift alles ook automatisch op.

[Verwijderd]

Misschien eens kijken op www.jaapveldkamp.myweb.nl Daar staat een menutje dat jij wilt denk ik. Gewoon zo te kopiëren (deze komt namelijk van de oude site van AH volgens mij)

[Thijsmans]

Java is niet aan te raden ivm de lange laadtijd

[Galoptic]

Op donderdag 07 maart 2002 19:54 schreef Cheatah het volgende:
Zie hier een vlug voorbeeldje

Met display: [block|none]; schuift alles ook automatisch op.

Cheatah: YOU ROCK MY WORLD! (not as dearly as my g-friend does , maar this is exactly what I was looking for)

[crisp]

Op donderdag 07 maart 2002 19:54 schreef Cheatah het volgende:
Zie hier een vlug voorbeeldje

Met display: [block|none]; schuift alles ook automatisch op.

Dan ken jij Opera nog niet

[RiBeye]

Op donderdag 07 maart 2002 21:28 schreef jaapni het volgende:
Misschien eens kijken op www.jaapveldkamp.myweb.nl Daar staat een menutje dat jij wilt denk ik. Gewoon zo te kopiëren (deze komt namelijk van de oude site van AH volgens mij)

Dit script werkt zowel op ie, ns4 en ns6. Enige nadeel is de code die zo uitgebreid is. Kent iemand een simpelere versie hiervan? Dus dat nog wel netscape en iexplorer wordt ondersteund.

[Verwijderd]

Op woensdag 06 maart 2002 23:04 schreef Sn3akz het volgende:
Ga maar eens kijken bij

http://home.kabelfoon.nl/~patricks/purelogic/framedef.htm

Hebben ze mooi scriptje als menu.. Ik mocht het toen gebruiken, mits ik hun naam en URL in de source zette

Weet niet of het nu nog zo is.. Suc6!

VRAAG jij of je scriptjes van pagina's mag gebruiken??

[cutter]

http://www.dhtmlcentral.com/script/script.asp?id=31

nogmaals: kijk eerst bij dhtmlcentral scriptrequests willen we hier liever niet..