Avatar billede tendal Nybegynder
29. september 2007 - 09:50 Der er 1 løsning

Dropdown menu med noget php

Hej
Nu 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;
}
Avatar billede tendal Nybegynder
06. maj 2008 - 14:01 #1
så lukker vi
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester