• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

"Aufklapp" Menü

Status
Für weitere Antworten geschlossen.

milan2

Neues Mitglied
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:
<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>
 
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.
menu.jpg
 

Anhänge

So das hat jetzt etwas länger gedauert
icon_wink.gif

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:
<!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&amp;view=shop&amp;layout=list&amp;Itemid=5"><span>PASTA</span></a></li><li class="item6"><a href="/pizza/index.php?option=com_lieferservice&amp;view=shop&amp;layout=list&amp;Itemid=6"><span>SALATE</span></a></li><li class="item7"><a href="/pizza/index.php?option=com_lieferservice&amp;view=shop&amp;layout=list&amp;Itemid=7"><span>GETRÄNKE</span></a></li><li class="item8"><a href="/pizza/index.php?option=com_lieferservice&amp;view=shop&amp;layout=list&amp;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>
 
Also hier der zweite Teil:

HTML:
<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 &euro;)</label></div></div><span class="price">&nbsp;&euro;&nbsp;</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 &euro;)</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 &euro;)</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 &euro;)</label></div></div><span class="price">&nbsp;&euro;&nbsp;</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 &euro;)</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 &euro;)</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 &euro;)</label></div></div><span class="price">&nbsp;&euro;&nbsp;</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 &euro;)</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 &euro;)</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>

</body>

</html>
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben