ich such eig sowas wie ne vertikale navi wo ich draufklicken muss um den verstecken darin enthaltenen div container einzublenden...
so ziemlich genau das was hier auf dieser website (oben rechts)zu sehen ist.
Microsoft Download Center
Ich weiß das es über html und css funktionieren kann...
mfg Paiden
=====================================================
Bearbeitungsstatus:
so das mit dem aufklappmenü habe ich soweit hinbekommen, ist es irgendwie so angepasst das ich nur 3 solcher container erstellen kann -.-
worauf muss ich achten? und wie füge ich weitere kategorien relativ einfach hinzu?
mfg Paiden
so ziemlich genau das was hier auf dieser website (oben rechts)zu sehen ist.
Microsoft Download Center
Ich weiß das es über html und css funktionieren kann...
mfg Paiden
=====================================================
Bearbeitungsstatus:
so das mit dem aufklappmenü habe ich soweit hinbekommen, ist es irgendwie so angepasst das ich nur 3 solcher container erstellen kann -.-
worauf muss ich achten? und wie füge ich weitere kategorien relativ einfach hinzu?
HTML:
<?phpheader("content-type: text/html");
$white_list=array('foo','bar','foobar');
if(!isset($_GET['menu']) || !in_array($_GET['menu'],$white_list))
$menu_default='foo';else $menu_default=$_GET['menu'];?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Menü-Test</title>
<script type="text/javascript">var currentshown = 'none';
function show(id){
// Wenn geöffnetes Menü geklickt...
if(show==currentshown) {
//dann schließes es, ...
document.getElementById('menu_'+currentshown).style.display='none';
// ...merke dir, dass nix mehr offen is ...
currentshown='none';
//... und mach sonst nix weiter
return; }
// Wenn ein Menü offen ist, ...
if(currentshown != 'none')
// ... schließe das geöffnete
document.getElementById('menu_'+currentshown).style.display='none';
// Öffne das gewünschte Menü
document.getElementById('menu_'+id).style.display='block';
// Merke dir das neue geöffnete Menü currentshown=id;}
function show(id){ if(show==currentshown) return; if(currentshown != 'none')
document.getElementById('menu_'+currentshown).style.display='none';
document.getElementById('menu_'+id).style.display='block';
currentshown=id;}
</script>
</head>
<body>
<h1>Menutest</h1>
<ul>
<li><a href="#" onclick="show('foo');">foo-Menü</a>
<ul id="menu_foo" style="display: none;">
<li><a href="#">foo 1</a></li>
<li><a href="#">foo 2</a></li>
<li><a href="#">foo 3</a></li>
<li><a href="#">foo 4</a></li>
</ul>
</li>
<li><a href="#" onclick="show('bar');">bar-Menü</a>
<ul id="menu_bar" style="display: none;">
<li><a href="#">bar 1</a></li>
<li><a href="#">bar 2</a></li>
<li><a href="#">bar 3</a></li>
<li><a href="#">bar 4</a></li>
<li><a href="#">bar 5</a></li>
</ul>
</li>
<li><a href="#" onclick="show('foobar');">foobar-Menü</a>
<ul id="menu_foobar" style="display: none;">
<li><a href="#">foobar 1</a></li>
<li><a href="#">foobar 2</a></li>
<li><a href="#">foobar 3</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">show('<?=$menu_default?>');</script>
</body>
</html>
mfg Paiden
Zuletzt bearbeitet: