|
|||
"Aufklapp" Menü
Hallo Zusammen,
also ich habe so ein simples "Aufklapp/Aufschieb"-Menü. Dieses soll unter jedem Produkt meines Joomla-Shops anzeigt werden. Nun habe ich es in diese list.php Datei integriert und es wird auch unter jedem Produkt angezeigt. Jedoch funktionieren die Menüs nicht alle richtig, sondern nur das Erste. Wenn ich eins der unteren Menüs anklicke, dann schiebt sich immer das erste/oberste auf und nicht dieses, welches ich gerade angeklickt habe. Weiß jemand wie ich das hinbekommen könnte? Das Problem ist meiner Meinung nach, dass das Menü halt automatisch mehrmals auf der Seite angeziegt wird und dadurch irgendwie die ID überschrieben wird oder so. Ich denke man müsste eine variable ID eingeben aber ich kenn mich da nicht so gut aus leider... Hier ist mal das script für das Menü: Code:
<script type="text/javascript"> function switchlayer(Layer_Name) { var GECKO = document.getElementById? 1:0 ; var NS = document.layers? 1:0 ; var IE = document.all? 1:0 ; if (GECKO) {document.getElementById(Layer_Name).style.display= (document.getElementById(Layer_Name).style.display=='block') ? 'none' : 'block';} else if (NS) {document.layers[Layer_Name].display=(document.layers[Layer_Name].display== 'block') ? 'none' : 'block';} else if (IE) {document.all[Layer_Name].style.display=(document.all[Layer_Name].style.display== 'block') ? 'none' : 'block';} } </script> HTML-Code:
<ul> <li><a href="untermenue.php" onclick="javascript:switchlayer('ferrari'); return false;">Ferrari</a></li> <ul id="ferrari" type="circle" style="display:none;"> <li>F355 Spider</li> <li>F40</li> <li>Maranello</li> <li>Testarossa</li> </ul> </ul> |
Sponsored Links |
|
||||
Sende uns doch mal bitte den gesamten HTML Code icht nur so ein Schnipsel.
Des weitern ein Unter menü gehört in das li des hauptmenüs. BSP: HTML-Code:
<ul> <li> <a href="untermenue.php" onclick="javascript:switchlayer('ferrari'); return false;">Ferrari</a> <ul id="ferrari" type="circle" style="display:none;"> <li>F355 Spider</li> <li>F40</li> <li>Maranello</li> <li>Testarossa</li> </ul> </li> <li> <a href="untermenue.php" onclick="javascript:switchlayer('mercedes'); return false;">Mercedes</a> <ul id="mercedes" type="circle" style="display:none;"> <li>F355 Spider</li> <li>F40</li> <li>Maranello</li> <li>Testarossa</li> </ul> </li> </ul>
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Hallo,
schon mal vielen Dank für die Antwort, das habe ich direkt mal geändert. Funktionieren tut es dadurch natürlich leider noch nicht. Ich habe unten mal die gesamte php Datei mitgeschickt. Auf Zeile 209 fängt das Menü an und Zeile 264 hört es auf. Hier ist mal ein Screenshot, von dem Produkten mit den Menüs. Wie gesagt, das oberste funktioniert wunderbar aber wenn ich auf ein Menü eins der unteren Produkte klicke, klappt immer das Menü des obersten Produktes auf. Geändert von milan (25.04.2010 um 16:00 Uhr) |
|
||||
Er meint Uploaden... des weiteren solltest du keinen php code hier zeigen sondern den html code der am ende rauskommt.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
So das hat jetzt etwas länger gedauert
Aber jetzt habe ich mal den HML Code mitangehangen, der erzeugt wird. Ich habe jetzt auf dieser Seite 3 Podukte (3 Pizza), dh. das Menü kommt 3 mal vor. Aber wie gesagt, es funktioniert nur das erste Menü. Hoffentlich kann mir jemand weiterhelfen... (ist echt wichtig) Gruß Milan HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow" /> <meta name="keywords" content="joomla, Joomla" /> <meta name="description" content="Joomla! - dynamische Portal-Engine und Content-Management-System" /> <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" /> <title>PIZZA</title> <link rel="stylesheet" href="/pizza/components/com_lieferservice/css/style.css" type="text/css" /> <link rel="stylesheet" href="/pizza/modules/mod_lieferservicebasket/tmpl/style.css" type="text/css" /> <script type="text/javascript" src="/pizza/components/com_lieferservice/includes/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="/pizza/components/com_lieferservice/includes/jquery.form.js"></script> <script type="text/javascript" src="/pizza/components/com_lieferservice/includes/imgpreview.js"></script> <script type="text/javascript" src="/pizza/components/com_lieferservice/includes/shop.js"></script> <script type="text/javascript" src="/pizza/media/system/js/mootools.js"></script> <script type="text/javascript"> var iprice0 = 4.00; var icheck0 = 0.00; var qprice0 = 0.00; var iradio0 = 0.00; var iprice1 = 5.00; var icheck1 = 0.00; var qprice1 = 0.00; var iradio1 = 0.00; var iprice2 = 80.00; var icheck2 = 0.00; var qprice2 = 0.00; var iradio2 = 0.00; function submitForm (val) { if(val == "reset") Check = confirm("Warenkorb wirklich leeren?"); else Check = confirm("Element wirklich entfernen?"); if (Check == false) { return false; } else { document.getElementById(val).submit() ; return true; } } window.addEvent('domready', function(){ var JTooltips = new Tips($$('.hasTip'), { maxTitleChars: 50, fixed: false}); }); </script> <link rel="stylesheet" href="/pizza/templates/leo/css/template.css" type="text/css" /> </head> <body> <div id="frame"> <div id="header"></div> <div id="top"> <div id="top_left"> <div id="top1"><p><img src="/pizza/images/stories/leonardo.png" border="0" /></p> <p>Bruchsaler Straße 36<br />76646 Bruchsal-Untergrombach<br />Tel.: 07257 931060</p></div> <div id="top2"><p><img src="/pizza/images/stories/oeffnungszeiten.png" border="0" /></p> <p>täglich von<br /> <br />11- 14 Uhr<br />17- 22 Uhr</p></div> </div> <div id="top_center"></div> <div id="top_right"> <div id="top3"><p><img src="/pizza/images/stories/einblicke.png" border="0" /></p> <p>Überzeugen Sie sich von <br />der gemütlichen Atmosphäre<br />360° Panorama von unserem <br />Team und allem anderen</p></div> <div id="top4"><p><img src="/pizza/images/stories/mittagstisch.png" border="0" /></p></div> </div> </div> <div id="navigation"> <ul class="menu"><li id="current" class="active item1"><a href="http://localhost/pizza/"><span>PIZZA</span></a></li><li class="item5"><a href="/pizza/index.php?option=com_lieferservice&view=shop&layout=list&Itemid=5"><span>PASTA</span></a></li><li class="item6"><a href="/pizza/index.php?option=com_lieferservice&view=shop&layout=list&Itemid=6"><span>SALATE</span></a></li><li class="item7"><a href="/pizza/index.php?option=com_lieferservice&view=shop&layout=list&Itemid=7"><span>GETRÄNKE</span></a></li><li class="item8"><a href="/pizza/index.php?option=com_lieferservice&view=shop&layout=list&Itemid=8"><span>DESSERT</span></a></li></ul> </div> <div id="content_frame"> <div id="content_top"></div> <div> <div id="content"> <div id="angaben"></div> <style type="text/css"> ul#menu { width: 150px; list-style-type: none; border-top: solid 1px #b9a894; margin: 0; padding: 0; margin-left: 76px; } ul#menu ol { display: none; text-align: right; list-style-type: none; margin: 0; padding: 5px; } ul#menu li, ul#menu a { font-family: verdana, sans-serif; font-size: 9px; color: #fff; background-color: #8f1017; } ul#menu li { border-bottom: solid 0px #b9a894; line-height: 15px; } ul#menu ol li { border-bottom: none; } ul#menu ol li:before { } ul#menu a { text-decoration: none; outline: none; } ul#menu a:hover { color: #fff; } ul#menu a.active { color: #fff; } </style> <script type="text/javascript"> function switchlayer(Layer_Name) { var GECKO = document.getElementById? 1:0 ; var NS = document.layers? 1:0 ; var IE = document.all? 1:0 ; if (GECKO) {document.getElementById(Layer_Name).style.display= (document.getElementById(Layer_Name).style.display=='block') ? 'none' : 'block';} else if (NS) {document.layers[Layer_Name].display=(document.layers[Layer_Name].display== 'block') ? 'none' : 'block';} else if (IE) {document.all[Layer_Name].style.display=(document.all[Layer_Name].style.display== 'block') ? 'none' : 'block';} } </script> <style type="text/css"> .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */ </style> <!--[if IE]> <style type="text/css"> .clearfix { zoom: 1; display: block; } </style> <![endif]--><div id="shopitems"><div id="item0" class="shopitem clearfix"> <form name="0" action="index.php?option=com_lieferservice&view=shop&task=buy&catid=&Itemid=1" method="post"> <div class="shopitemheader clearfix"> <span class="itemname">001 </span> <span class="itemname_name">MARGERITHA</span><div class="inputrow_grose"><div class="radiolabel"><input id="r0b0" onClick="updatePrice('radio', '0', '')" type="radio" name="basis" value="0" checked="checked"><label onClick="updatePrice('radio', '0', '')" id="r0b0l">30 cm </label></div><div class="radiolabel"><input id="r0b1" onClick="updatePrice('radio', '0', '2.00')" type="radio" name="basis" value="1"><label onClick="updatePrice('radio', '0', '2.00')" id="r0b1l">40 cm (+2,00 €)</label></div></div><span class="price"> € </span><span id="jsprice0" class="price">4,00</span> </div><div class="shopitembody"><div class="pdescription">frische Tomaten, Basilikum, weitere Zutaten, damit es 2 Zeilen</div><div id="itemoptions0" class="itemoptions"><div class="inputrow"></div><ul> <li><a href="/pizza/untermenue.php" onclick="javascript:switchlayer('menu');return false;">Menu</a> <ul id="menu" type="circle" style="display:none;"> <li><div class="inputrow"><div class="checklabel"><input type="checkbox" name="attribs" value="" disabled="disabled" checked="checked"> Tomatensauce</div><div class="checkthrough"><input id="r0o0" type="checkbox" name="optional[]" value="0" checked="checked"><label id="r0o0l">Oliven </label></div> <div class="checkthrough"><input id="r0o1" type="checkbox" name="optional[]" value="1" checked="checked"><label id="r0o1l">Kräuter</label></div> <div class="checklabel"><input onClick="updatePrice('check', '0', '0.30', 'r0e0')" id="r0e0" type="checkbox" name="extras[]" value="0"><label onClick="updatePrice('check2', '0', '0.30', 'r0e0')" id="r0e0l">Zwiebeln (+0,30 €)</label></div><div class="checklabel"><input onClick="updatePrice('check', '0', '0.30', 'r0e1')" id="r0e1" type="checkbox" name="extras[]" value="1"><label onClick="updatePrice('check2', '0', '0.30', 'r0e1')" id="r0e1l">Knoblauch (+0,30 €)</label></div></div></li> </ul></li> </ul></div></div><div class="shopitemsubmit"> <input id="menge0" name="menge" maxlength="3" value="1" size="1" type="text"/> x <input title="item0" type="submit" value="bestellen"/> <input type="hidden" name="pid" value="1"> </div> </form></div><div id="item1" class="shopitem clearfix"> <form name="1" action="index.php?option=com_lieferservice&view=shop&task=buy&catid=&Itemid=1" method="post"> <div class="shopitemheader clearfix"> <span class="itemname">002 </span> <span class="itemname_name">Pizza 2</span><div class="inputrow_grose"><div class="radiolabel"><input id="r1b0" onClick="updatePrice('radio', '1', '')" type="radio" name="basis" value="0" checked="checked"><label onClick="updatePrice('radio', '1', '')" id="r1b0l">30 cm </label></div><div class="radiolabel"><input id="r1b1" onClick="updatePrice('radio', '1', '2.00')" type="radio" name="basis" value="1"><label onClick="updatePrice('radio', '1', '2.00')" id="r1b1l">40 cm (+2,00 €)</label></div></div><span class="price"> € </span><span id="jsprice1" class="price">5,00</span> </div><div class="shopitembody"><div class="pdescription">frische Tomaten, Basilikum, weitere Zutaten, damit es 2 Zeilen</div><div id="itemoptions1" class="itemoptions"><div class="inputrow"></div><ul> <li><a href="/pizza/untermenue.php" onclick="javascript:switchlayer('menu');return false;">Menu</a> <ul id="menu" type="circle" style="display:none;"> <li><div class="inputrow"><div class="checklabel"><input type="checkbox" name="attribs" value="" disabled="disabled" checked="checked"> Tomatensauce</div><div class="checkthrough"><input id="r1o0" type="checkbox" name="optional[]" value="0" checked="checked"><label id="r1o0l">Oliven </label></div> <div class="checkthrough"><input id="r1o1" type="checkbox" name="optional[]" value="1" checked="checked"><label id="r1o1l">Kräuter</label></div> <div class="checklabel"><input onClick="updatePrice('check', '1', '0.30', 'r1e0')" id="r1e0" type="checkbox" name="extras[]" value="0"><label onClick="updatePrice('check2', '1', '0.30', 'r1e0')" id="r1e0l">Zwiebeln (+0,30 €)</label></div><div class="checklabel"><input onClick="updatePrice('check', '1', '0.30', 'r1e1')" id="r1e1" type="checkbox" name="extras[]" value="1"><label onClick="updatePrice('check2', '1', '0.30', 'r1e1')" id="r1e1l">Knoblauch (+0,30 €)</label></div></div></li> </ul></li> </ul></div></div><div class="shopitemsubmit"> <input id="menge1" name="menge" maxlength="3" value="1" size="1" type="text"/> x <input title="item1" type="submit" value="bestellen"/> <input type="hidden" name="pid" value="2"> </div> </form></div><div id="item2" class="shopitem clearfix"> <form name="2" action="index.php?option=com_lieferservice&view=shop&task=buy&catid=&Itemid=1" method="post"> <div class="shopitemheader clearfix"> <span class="itemname">003 </span> <span class="itemname_name">Pizza3</span><div class="inputrow_grose"><div class="radiolabel"><input id="r2b0" onClick="updatePrice('radio', '2', '')" type="radio" name="basis" value="0" checked="checked"><label onClick="updatePrice('radio', '2', '')" id="r2b0l">30 cm </label></div><div class="radiolabel"><input id="r2b1" onClick="updatePrice('radio', '2', '2.00')" type="radio" name="basis" value="1"><label onClick="updatePrice('radio', '2', '2.00')" id="r2b1l">40 cm (+2,00 €)</label></div></div><span class="price"> € </span><span id="jsprice2" class="price">80,00</span> </div><div class="shopitembody"><div class="pdescription">frische Tomaten, Basilikum, weitere Zutaten, damit es 2 Zeilen</div><div id="itemoptions2" class="itemoptions"><div class="inputrow"></div><ul> <li><a href="/pizza/untermenue.php" onclick="javascript:switchlayer('menu');return false;">Menu</a> <ul id="menu" type="circle" style="display:none;"> <li><div class="inputrow"><div class="checklabel"><input type="checkbox" name="attribs" value="" disabled="disabled" checked="checked"> Tomatensauce</div><div class="checkthrough"><input id="r2o0" type="checkbox" name="optional[]" value="0" checked="checked"><label id="r2o0l">Oliven </label></div> <div class="checkthrough"><input id="r2o1" type="checkbox" name="optional[]" value="1" checked="checked"><label id="r2o1l">Kräuter</label></div> <div class="checklabel"><input onClick="updatePrice('check', '2', '0.30', 'r2e0')" id="r2e0" type="checkbox" name="extras[]" value="0"><label onClick="updatePrice('check2', '2', '0.30', 'r2e0')" id="r2e0l">Zwiebeln (+0,30 €)</label></div><div class="checklabel"><input onClick="updatePrice('check', '2', '0.30', 'r2e1')" id="r2e1" type="checkbox" name="extras[]" value="1"><label onClick="updatePrice('check2', '2', '0.30', 'r2e1')" id="r2e1l">Knoblauch (+0,30 €)</label></div></div></li> </ul></li> </ul></div></div><div class="shopitemsubmit"> <input id="menge2" name="menge" maxlength="3" value="1" size="1" type="text"/> x <input title="item2" type="submit" value="bestellen"/> <input type="hidden" name="pid" value="3"> </div> </form></div></div> </div> <div id="right"> <div id="warenkorb_head"></div> <div class="moduletable"> <div id="lieferservicebasketwrap"><div id="lieferservicebasket" class="menu"><p>Keine Bestellung im Warenkorb</div><a class="bestellen" href="/pizza/index.php?option=com_lieferservice&view=basket&layout=list&Itemid=10"><span style="text-align: center;">jetzt<br />bestellen</a></span></div> </div> </div> </div> <div id="content_bottom"></div> </div> <div id="footer_top"></div> <div id="footer"> <div class="moduletable"> <div style="float: left; text-align: left;"> <p>© 2010 | <a href="/pizza/impressum.html">Impressum</a></p> </div> <div style="float: right; text-align: right;"> </div> </div> </div> </div> </body> </html> |
|
||||
Dein Problem ist das in jedem Menü LInk folgendes steht:
HTML-Code:
<a href="/pizza/untermenue.php" onclick="javascript:switchlayer('menu');return false;">Menu</a>
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
Danke für die Antwort.
Das habe ich mir auch schon gedacht, dass es daran liegt, dass die Menüs alle die gleiche ID haben. Das Problem ist aber, dass ich nicht weiß wie ich jedem Menü eine einzelne ID zuweisen kann. Ich habe ja nur eine solche list.php in der ich dieses Menü einmal angegeben habe und für jedes Produkt, welches ich dann im Backend erstelle, wird dieses Menü dann kopiert. Also bei drei Produkten gibt es dann dieses Menü drei mal. Hat denn jemand eine Idee, wie ich es angeben kann, dass er für jedes Produkt ein neues Menü anlegt aber jeweils mit einer anderen ID? Das muss ich irgendwie hinbekommen, dann müsste es meiner Meinung nach funktionieren... Gruß Milan |
Sponsored Links |
|
|||
So ich habe es geschafft
Ich habe anstatt die ID fest zu bestimmen Sie über eine Variable laden lassen. Jetzt steht bei jedem Produkt unter ID die jeweilige Artieklnummer Trotzdem danke für eure Hilfe... Gruß Milan |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
bewegliche Fussleiste wenn Menü afgeklappt wird | pauer | CSS | 11 | 02.06.2009 15:36 |
Vertikale Navigation: IE6 - Whitespace-Bug? | b.erry | CSS | 6 | 12.02.2009 17:46 |
Umbruch in einem LI bei horizontalem Menü | M4rco | CSS | 12 | 13.10.2006 12:26 |
Navigation - Menü | T.S. | CSS | 6 | 18.02.2006 19:49 |