Hoe maak ik een pulldown menu?
Ik wil nu dat sommige menu items een submenu krijgen. Als de muis over een menuitem gaat, verschijnt eronder het submenu als dit er is bij het menu item.
Dit is de php:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?
function menu()
{
$result = mysql_query("SELECT * FROM menu where mActief='1' order by mID");
while ($menu = mysql_fetch_array($result))
{
echo "<li>";
if($menu['mExtern'] == '1'){$e='target=_blank';}else{$e='';}
if(isSet($_GET['pag']))
{
if ($menu['mItem'] == $_GET['pag'])
{
$style = "class='actief'";
$s = " ";
}
else
{
$style = "";
$s = "";
}
}
echo "<a ".$style." href=\"".$menu['mHref']."\" title=\"".$menu['mAlt']."\" ".$e.">".$s."".$menu['mNaam']."</a>";
echo "</li>";
}
}
?>
function menu()
{
$result = mysql_query("SELECT * FROM menu where mActief='1' order by mID");
while ($menu = mysql_fetch_array($result))
{
echo "<li>";
if($menu['mExtern'] == '1'){$e='target=_blank';}else{$e='';}
if(isSet($_GET['pag']))
{
if ($menu['mItem'] == $_GET['pag'])
{
$style = "class='actief'";
$s = " ";
}
else
{
$style = "";
$s = "";
}
}
echo "<a ".$style." href=\"".$menu['mHref']."\" title=\"".$menu['mAlt']."\" ".$e.">".$s."".$menu['mNaam']."</a>";
echo "</li>";
}
}
?>
En mijn database tabel ziet er zo uit:
mID int(5)
tId int(5)
mNaam varchar(30)
mHref varchar(255)
mItem varchar(30)
mAlt varchar(40)
mActief int(2)
mExtern int(5)
Nu heb ik al verschillende dropdown/pulldown scripts gezien, maar niets waarmee ik aan de slag kan gaan.
Hoe breidt ik mijn script en database uit om het gewenste dropdown-submenu te krijgen?
Fer.
Gewijzigd op 01/01/1970 01:00:00 door Fer
http://webexpose.org/2006/12/28/jquery-pop-up-menu-tutorial/
Ook zonder jQuery lukt het;
Het gaat er om dat je onzichtbare (display=none) elementen zoals <li> of <div> nest binnen een zichtbare container (bv. <ul> of <div>).
Dan is het een spel met onMouseOver enOnMouseOut.