Arten
Legacy Member
hoi
kan iemand me hiermee helpen?
ik wil dus een menu maken dat via twee repeaters gegenereert wordt.
ik heb 3 hoofdknoppen en 2x2 subknoppen daarbij
nu wil ik dat die subknoppen alleen getoond worden als er op de hoofdknop geduwt wordt...
hoe kan ik dit verwezenlijken?
hier is dfe code van de repeaters, de sitemap en het stylesheet
kan iemand me hiermee helpen?
ik wil dus een menu maken dat via twee repeaters gegenereert wordt.
ik heb 3 hoofdknoppen en 2x2 subknoppen daarbij
nu wil ik dat die subknoppen alleen getoond worden als er op de hoofdknop geduwt wordt...
hoe kan ik dit verwezenlijken?
hier is dfe code van de repeaters, de sitemap en het stylesheet
Code:
<siteMapNode url="~/Default.aspx" title="Home" description="Home">
<siteMapNode title="Je contract" url="~/student/contract/Default.aspx" description="Contract gegevens">
<siteMapNode url="~/student/contract/contract.aspx" title="Contract" description="Alle contract informatie." />
<siteMapNode url="~/student/contract/maatregels.aspx" title="Toegekende maatregels" description="Toegekende maatregels." />
</siteMapNode>
<siteMapNode title="Je rooster" url="~/rooster/Default.aspx" description="rooster">
<siteMapNode url="~/student/rooster/lesrooster.aspx" title="Lesrooster" description="Lesrooster gegevens." />
<siteMapNode url="~/student/rooster/examenrooster.aspx" title="Examenrooster" description="Examenrooster gegevens" />
<siteMapNode url="~/student/rooster/zoeken" title="Zoek" description="Zoeken naar een vak, docent,... " />
</siteMapNode>
<siteMapNode title="Contacteer" url="~/contact.aspx" description="Contact gegevens studentendiest, docenten,..."/>
Code:
<div id="navigation" style="left: 0.75em; top: 14.66em" >
<ul>
<li>
<asp:HyperLink ID="lnkHome" runat="server" NavigateUrl="~/Default.aspx">Home</asp:HyperLink>
</li>
<asp:Repeater ID="menu" runat="server" DataSourceID="SiteMapDataSource1" EnableViewState="False">
<ItemTemplate>
<li>
<asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl='<%# Eval("Url") %>'><%# Eval("Title") %></asp:HyperLink>
<asp:Repeater ID="Repeater1" runat="server" DataSource='<%# CType(Container.DataItem, SiteMapNode).ChildNodes %>'>
<HeaderTemplate>
<ul>
</HeaderTemplate>
<ItemTemplate>
<li>
<asp:ContentPlaceHolder ID="cphSub" runat="server" Visible="false">
<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl='<%# Eval("Url") %>'><%# Eval("Title") %></asp:HyperLink>
</asp:ContentPlaceHolder>
</li>
</ItemTemplate>
<FooterTemplate>
</ul>
</FooterTemplate>
</asp:Repeater>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false" />
</div>
Code:
/* Navigation */
#navigation {
width: 200px;
top: 5em;
left: 1em;
width: 13em;
position:absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
border-bottom: 1px solid #29308A;
}
#navigation li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 12px solid #29308A;
border-right: 1px solid #29308A;
background-color: #B5CF52;
color: #FFFFFF;
text-decoration: none;
}
#navigation li a:hover {
background-color: #29308A;
color: #FFFFFF;
}
#navigation ul ul {
margin-left: 12px;
}
#navigation ul ul li {
border-bottom: 1px solid #29308A;
margin:0;
background-color: #B5CE52;
color: white;
border-bottom: 1px solid #29308A;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
background-color: #B5CE52;
color: white;
}
#navigation ul ul a:hover {
background-color: #29308A;
color: #FFFFFF;
}