Dropdown menu med noget php
HejNu har jeg prøvet spørgsmålet i et par andre kategorier, men er efterhånden blevet sporet ind på at det måske er her det hører hjemme. Jeg vil gerne lave en vandret menu ud fra en eksisterende lodret menu - det eneste der skal sker er sådan set bare at det der før var lodret skal gøres vandret. Reelt skal det på et tidspunkt blive til en dropdown menu hvor submenu kommer når musen køres henover, men en ting ad gangen. Jeg paster min menukode samt det til hørende css - håber nogen kan hjælpe.
#navcontainer
{
/*avoid gap after li in ie6 by setting width*/
width: 100%;
margin-left: 0px;
}
#navcontainer ul
{
list-style-type: none;
margin-left: 0;
padding: 0;
}
#navlist a
{
display: block;
padding: 1px 0 1px 20px;
}
/*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
#navlist a { width: 100%; }
#navlist a
{
\width: 100%;
w\idth: 100%;
}
#navlist a, #navlist a:visited
{
color: #666666;
background: transparent;
background-image:url(images/bulletorange.gif);
background-repeat:no-repeat;
background-position:8px;
text-decoration: none;
}
#navlist a:hover
{
text-decoration:underline;
}
#navlist a#current:hover
{
text-decoration: inherit;
background-color:transparent;
}
#subnavlist a
{
border:0;
display: block;
padding: 1px 0px 1px 33px;
margin-left: 0px;
}
/*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
#subnavlist a { width: 100%; }
#subnavlist a
{
\width: 100%;
w\idth: 100%;
}
#subnavlist a, #subnavlist a:visited
{
color: #666666;
font-size:10px;
background: transparent;
background-image:url(images/bulletorange.gif);
background-repeat:no-repeat;
background-position: 8px;
text-decoration: none;
}
#subnavlist a:hover, #subnavlist a#subcurrent:hover
{
text-decoration:underline;
}
a#current, a:visited#current
{
background:transparent;
background-image:url(images/bulletorange.gif);
background-repeat:no-repeat;
background-position: 8px;
font-style:bold;
text-decoration: underline;
}
a#subcurrent, a:visited#subcurrent
{
background:transparent;
text-decoration: none;
}
function getMenu($menu)
{
global $menu, $subarray;
$out= '
<div id="navcontainer">
<ul id="navlist">';
$page = isset($_GET['page']) ? strtolower($_GET['page']) : '';
$top = isset($_GET['top']) ? strtolower($_GET['top']) : strtolower($menu[0]);
for ($i=0; $i<count($menu);$i++)
{
$id= (strtolower($menu[$i])==$top) ? ' id="active"' : '';
$current= $id=='' ? '' : ' id="current"';
$out.= '<li'.$id.'><a href="index.php?page='.urlencode($menu[$i]).'&top='.urlencode($menu[$i]).'"'.$current.'>'.$menu[$i].'</a></li>';
// if we are handling current menu item and sub menu exists
if($current!='' && isset($subarray[$top]))
{
$out.='<ul id="subnavlist">';
for ($j=0; $j<count($subarray[$top]);$j++)
{
$out.= '<li><a href="'.getURL($subarray[$top][$j], $subarray[$top][$j], $menu[$i]).'" id="subcurrent">'.$subarray[$top][$j].'</a></li>';
}
$out.='</ul>';
}
}
$out.='</ul></div>';
return $out;
}
