Ich habe ein dynamisches Menü in eine Seite eingebaut, dass mit include Befehl geladen wird. Das Ganze ist mein so ziehmlich erster Versuch bei etwas mit php zu schreiben.
Es Arbeitet mit Bildern, wenn man auf ein Bild klickt, öffnen sich weitere Unterkategorie-bilder, die man anklicken kann, um zu einer Unterseite zu gelangen.
Wenn eine Unterseite geladen wurde, sind aber die Unterkategorie-bilder nicht mehr sichtbar.
Woran liegt das, und was kann ich dagegen tun?
Vielen Dank für eure Hilfe im Vorraus!
Hier noch der Quelltext:
index.php
dynmenu1.php
formate.css (nicht wundern, die Datei ist so geschrieben, dass man auch ein textmenü daraus machen kann, desshalb die ganzen schriftformatierungen dazwischen )
cd-player.php
cd-table.php
Quelltextbezogen ist das Problem, dass man im dynmenu1.php das bild pics/cd-player.gif anklickt und so zur cd-player.php gelangt, nun wird das dynmenu1.php per include neu mitgeladen, aber das untermenü (pics/typ.gif usw.) wird angezeigt.
Nun wird auf den pics/typ.gif button geklickt und die Seite cd-typ.php wird geladen. darüber wird auch wieder das menü geladen, aber nun wieder ohne das die untermenübilder angezeigt werden.
Hilfe :/
MfG
Daniel
Es Arbeitet mit Bildern, wenn man auf ein Bild klickt, öffnen sich weitere Unterkategorie-bilder, die man anklicken kann, um zu einer Unterseite zu gelangen.
Wenn eine Unterseite geladen wurde, sind aber die Unterkategorie-bilder nicht mehr sichtbar.
Woran liegt das, und was kann ich dagegen tun?
Vielen Dank für eure Hilfe im Vorraus!
Hier noch der Quelltext:
index.php
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>DJ-SHOP</title> <link rel="stylesheet" type="text/css" href="formate.css"> <link rel="stylesheet" type="text/css" href="scrollbar.css"> <link rel="stylesheet" type="text/css" href="fonts.css"> </head> <body background="../background5.jpg" bgproperties="fixed"> <table border="0" width="100%" > <tr> <td valign="top"><div align="center"><h3>DJ-SHOP</h3> In unserem Onlineshop finden Sie Spitzenpreise für Instrumente, DJ-Equipment, Licht- und Spezialeffektgeräte, Traversen, Stative, Koffer, Taschen und Dekoration. Auch sämtliches Zubehör können Sie bei uns kostengünstig erwerben. Wenn Sie ein Produkt suchen und es bei uns nicht finden, schreiben Sie uns doch am Besten eine E-Mail, wir können Ihnen dann mit hoher Wahrscheinlichkeit ein günstiges Angebot zuschicken.</p></div> </td> </tr> </table> </body> </html>
Code:
<? $siteRoot="/shop/menu/"; $menuStruct=array( "pics/cd-player.gif"=>array("root"=>$siteRoot."cd-player.php", "pics/typ.gif"=>$SiteRoot."cd-typ.php", "pics/marken.gif"=>$SiteRoot."cd-marken.php", "pics/features.gif"=>$SiteRoot."cd-features.php", "pics/zubehoer.gif"=>$siteRoot."cd-zubehoer.php"), "pics/dat-player.gif"=>array("root"=>$siteRoot."dat-player.php", "pics/typ.gif"=>$SiteRoot."dat-typ.php", "pics/marken.gif"=>$SiteRoot."dat-marken.php", "pics/features.gif"=>$SiteRoot."dat-features.php", "pics/zubehoer.gif"=>$siteRoot."dat-zubehoer.php"), "pics/effect&control.gif"=>array("root"=>$siteRoot."effect&control.php", "pics/typ.gif"=>$SiteRoot."effect-typ.php", "pics/marken.gif"=>$SiteRoot."effect-marken.php", "pics/features.gif"=>$SiteRoot."effect-features.php", "pics/zubehoer.gif"=>$siteRoot."effect-zubehoer.php"), "pics/boxen.gif"=>array("root"=>$siteRoot."boxen.php", "pics/typ.gif"=>$SiteRoot."boxen-typ.php", "pics/marken.gif"=>$SiteRoot."boxen-marken.php", "pics/features.gif"=>$SiteRoot."boxen-features.php", "pics/zubehoer.gif"=>$siteRoot."boxen-zubehoer.php"), "pics/lautsprecher.gif"=>array("root"=>$siteRoot."laut.php", "pics/typ.gif"=>$SiteRoot."laut-typ.php", "pics/marken.gif"=>$SiteRoot."laut-marken.php", "pics/features.gif"=>$SiteRoot."laut-features.php", "pics/zubehoer.gif"=>$siteRoot."laut-zubehoer.php"), ); if($PHP_SELF == $menuStruct[0]['root']){ foreach($menuStruct as $key=>$value){ if($PHP_SELF == $value['root']){ echo "<div class=\"fstLevelActive\">$key</div>\n"; } else{ echo "<div class=\"fstLevel\">$key</div>\n"; } } } else { foreach($menuStruct as $key=>$value){ if($PHP_SELF == $value['root']){ echo "<div class=\"fstLevelActive\"><span style=\"position:relative; top: 8px\"><img src=\"$key\" border=\"0\"></div>\n"; }else{ echo "<div class=\"fstLevel\"><span style=\"position:relative; top: 8px\"><img src=\"$key\" border=\"0\"></div>\n"; } foreach($value as $key2=>$value2){ if(array_search($PHP_SELF,$value)){ if($key2 != "root") if($PHP_SELF == $value2){ echo "<div class=\"secLevelActive\"><span style=\"position:relative; left: 18px\"><img src=\"$key2\" border=\"0\"></span></div>\n"; }else{ echo "<div class=\"secLevel\"><span style=\"position:relative; left: 18px\"><img src=\"$key2\" border=\"0\"></span></div>\n"; } } } } } ?>
Code:
/************************************************ *************FIRST_LEVEL************************* ************************************************/ /*Style-Definition für die First-Level-Navigation*/ DIV.fstLevel a { TEXT-DECORATION: none; DISPLAY: block; WIDTH: 93; BORDER: 1px solid #aaaacf; PADDING: 0px; MARGIN: 1Px; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-ALIGN: left; COLOR: #ffffdd; BACKGROUND-COLOR: #7D0000; } /*Style-Definition für die First-Level-Navigation bei Mouse-Over*/ DIV.fstLevel a:hover { COLOR: #ffffaa; BACKGROUND-COLOR: #7D0000; } /*Style-Definition für die First-Level-Navigation bei aktivem Link*/ DIV.fstLevelActive a { TEXT-DECORATION: none; DISPLAY: block; WIDTH: 93; BORDER: 1px solid #aaaacf; PADDING: 0px; MARGIN: 1Px; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-ALIGN: left; COLOR: #7D0000; BACKGROUND-COLOR: #aaaaaa; } /************************************************ *************SECOND_LEVEL************************* ************************************************/ /*Style-Definition für die Second-Level-Navigation*/ DIV.secLevel a { TEXT-DECORATION: none; DISPLAY: block; WIDTH: 93; BORDER: 1px solid #aaaacf; PADDING: 0px; MARGIN: 1Px; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 10px; FONT-WEIGHT: normal; TEXT-ALIGN: right; COLOR: #ffffdd; BACKGROUND-COLOR: #929292; } /*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/ DIV.secLevel a:hover { COLOR: #ffffaa; BACKGROUND-COLOR: #929292; } /*Style-Definition für die Second-Level-Navigation bei aktivem Link*/ DIV.secLevelActive a { TEXT-DECORATION: none; DISPLAY: block; WIDTH: 93; BORDER: 1px solid #aaaacf; PADDING: 0px; MARGIN: 1Px; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 10px; FONT-WEIGHT: normal; TEXT-ALIGN: right; COLOR: #7D0000; BACKGROUND-COLOR: #929292; }
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>CD-Player</title> <link rel="stylesheet" type="text/css" href="formate.css"> </head> <body background="../background5.jpg" bgproperties="fixed"> <table border="0" width="100%" > <tr> <td width="10"> <? include("dynmenu1.php"); ?> </td> <td valign="top"><div align="center"><h3>CD-Player</h3></div></td> </tr> </table> </body> </html>
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>CD-Player nach Typ</title> <link rel="stylesheet" type="text/css" href="formate.css"> <link rel="stylesheet" type="text/css" href="../fonts.css"> </head> <body background="../background5.jpg" bgproperties="fixed"> <table border="0" width="100%" > <tr> <td width="10"> <? include("dynmenu1.php"); ?> </td> <td valign="top"><div align="center"><h3>CD-Player nach Typ</h3> <a href="cd-table.php"> [img]pics/table-top.gif[/img]</a> [img]pics/einzel-19.gif[/img] [img]pics/doppel-19.gif[/img] [img]pics/wechsler.gif[/img] [img]pics/workstation.gif[/img] <h3>CD-Player nach Typ --> Table Top</h3> ARTIKELLISTE...</div></td> </tr> </table> </body> </html>
Nun wird auf den pics/typ.gif button geklickt und die Seite cd-typ.php wird geladen. darüber wird auch wieder das menü geladen, aber nun wieder ohne das die untermenübilder angezeigt werden.
Hilfe :/
MfG
Daniel