mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 24.10.2014 14:41 Benutzername: Passwort: Auto-Login

Thema: Horizontales aufklappmenü mit Java/CSS vom 30.09.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Horizontales aufklappmenü mit Java/CSS
Autor Nachricht
angeboot
Threadersteller

Dabei seit: 30.09.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 30.09.2007 00:22
Titel

Horizontales aufklappmenü mit Java/CSS

Antworten mit Zitat Zum Seitenanfang

Hallo.
Ich hab hier folgendes aufklappbares Menü. Nur sollen die Submenüs nicht in einem Block erscheinen, sondern wegen Platzgründen in einer Zeile.
Wie bekomm ich das hin?

Code:
<html>
<head>
   <style type="text/css">
   /* DEMO CSS */
   a{
      color:red;
      text-decoration:none;
   }
   body{
      font-size:0.8em;
      text-align:center;
      background-color:#FFFFFFFF;
      font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
      margin:0px;
      padding:0px;
   }
   img{
      border:0px;
   }
   #mainContainer{
      width:760px;
      margin:0 auto;
      text-align:left;
      background-color:#FFCE26;
   }
   
   #leftContainer{
      width:160px;
      float:left;
      padding-left:5px;
      padding-right:5px;
      height:300px;
   }
   
   #contentContainer{
      width:590px;
      float:left;
   }
   .ad{
      clear:both;
      text-align:center;
      padding:5px;
   }   
   
   
   #dhtmlgoodies_menu{      
      font-family:arial;   
      width:150px;   
      
   }
   #dhtmlgoodies_menu   li{   
      list-style-type:none;   
      margin:0px;   
   }
   #dhtmlgoodies_menu ul{   
      margin:0px;   
      padding:0px;   
   }
   #dhtmlgoodies_menu ul li ul{   
      padding-left:10px;
   }
   #dhtmlgoodies_menu   li a{   
      text-decoration:none;   
      color:#000;   
      
      height:20px;   
      line-height:20px;   
      horizontal-align:middle;   
      border:1px solid #000;   
      background-color:#FFCE26;   
      margin:1px;   
      padding:0px;   
      
      display:block;
   }
   
   #dhtmlgoodies_menu   li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
      color:#FFF;
      background-color:#FFCE26;
   }
   .dhtmlgoodies_subMenu{
      visibility:hidden;
      position:absolute;
      overflow:hidden;
      border:1px solid #000;
      background-color:#FFCE26;
      font-family:arial;
      text-align:left;
   
   }
   .dhtmlgoodies_subMenu ul{
      margin:0px;
      padding:0px;   
   }
   .dhtmlgoodies_subMenu ul li{
      list-style-type:none;
      margin:0px;
      padding:1px;   
   }
   .dhtmlgoodies_subMenu ul li a{   
      white-space:nowrap;   
      text-decoration:none;   
      color:#000;   
      
      height:16px;   
      line-height:16px;   
      padding:1px;   
      #horizmenue {
      width: 360px;
}
#horizmenue li {
  display: inline;
  padding: 0px 10px;
}
#horizmenue a {
  padding: 2px 8px 5px;
}


      
      display:block;   
   }
   .dhtmlgoodies_subMenu ul li a:hover{   
      color:#000;   
      background-color:#FFF;   
   }

   </style>
   <script type="text/javascript">
   
   var timeBeforeAutoHide = 700;   
   var slideSpeed_out = 10;   
   var slideSpeed_in = 10;
      
   
   var slideTimeout_out = 25;   
   var slideTimeout_in = 10;   
   
   var showSubOnMouseOver = true;   
   var fixedSubMenuWidth = false;   

   
   var xOffsetSubMenu = 0;    
   
   var slideDirection = 'right';   
   
   var activeSubMenuId = false;
   var activeMainMenuItem = false;
   var currentZIndex = 1000;      
   var autoHideTimer = 0;
   var submenuObjArray = new Array();
   var okToSlideInSub = new Array();
   var subPositioned = new Array();
   

   function stopAutoHide()
   {
      autoHideTimer = -1;
   }
   
   function initAutoHide()
   {
      autoHideTimer = 0;
      if(autoHideTimer>=0)autoHide();
   }
   
   function autoHide()
   {
      
      if(autoHideTimer>timeBeforeAutoHide)
      {
         
         if(activeMainMenuItem){
            activeMainMenuItem.className='';
            activeMainMenuItem = false;
         }
         
         if(activeSubMenuId){
            var obj = document.getElementById('subMenuDiv' + activeSubMenuId);
            showSub();
         }
      }else{
         if(autoHideTimer>=0){
            autoHideTimer+=50;
            setTimeout('autoHide()',50);
         }
      }
   }   
   
   function getTopPos(inputObj)
   {      
     var returnValue = inputObj.offsetTop;
     while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
     return returnValue;
   }
   
   function getLeftPos(inputObj)
   {
     var returnValue = inputObj.offsetLeft;
     while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
     return returnValue;
   }
   
   function showSub()
   {
      var subObj = false;
      if(this && this.tagName){
         var numericId = this.parentNode.id.replace(/[^0-9]/g,'');
         okToSlideInSub[numericId] = false;
         var subObj = document.getElementById('subMenuDiv' + numericId);
         if(activeMainMenuItem)activeMainMenuItem.className='';
         if(subObj){
            if(!subPositioned[numericId]){
               if(slideDirection=='right'){
                  subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + submenuObjArray[numericId]['parentDiv'].offsetWidth + xOffsetSubMenu + 'px';
               }else{
                  subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + xOffsetSubMenu + 'px';
                  
               }
               submenuObjArray[numericId]['left'] = subObj.style.left.replace(/[^0-9]/g,'');
               subObj.style.top = getTopPos(submenuObjArray[numericId]['parentDiv']) + 'px';
               subPositioned[numericId] = true;
            }            
            subObj.style.visibility = 'visible';
            subObj.style.zIndex = currentZIndex;
            currentZIndex++;   
            this.className='activeMainMenuItem';
            activeMainMenuItem = this;
         }
      }else{
         var numericId = activeSubMenuId;
      }
      if(activeSubMenuId && (numericId!=activeSubMenuId || !subObj))slideMenu(activeSubMenuId,(slideSpeed_in*-1));
      if(numericId!=activeSubMenuId && this && subObj){
         subObj.style.width = '0px';   
         slideMenu(numericId,slideSpeed_out);
         activeSubMenuId = numericId;
      }else{
         if(numericId!=activeSubMenuId)activeSubMenuId = false;
      }
      if(showSubOnMouseOver)stopAutoHide();
   }
   
   function slideMenu(menuIndex,speed){
      var obj = submenuObjArray[menuIndex]['divObj'];
      var obj2 = submenuObjArray[menuIndex]['ulObj'];
      var width = obj.offsetWidth + speed;
      if(speed<0){
         if(width<0)width = 0;
         obj.style.width = width + 'px';
         if(slideDirection=='left'){
            obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
            obj2.style.left = '0px';
         }else{
            obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px'
         }
         if(width>0 && okToSlideInSub[menuIndex])setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_in); else{
            obj.style.visibility = 'hidden';
            obj.style.width = '0px';
            if(activeSubMenuId==menuIndex)activeSubMenuId=false;
         }
         
      }else{
         if(width>submenuObjArray[menuIndex]['width'])width = submenuObjArray[menuIndex]['width'];
         if(slideDirection=='left'){
            obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
            obj2.style.left = '0px';
         }else{
            obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px'
         }      
         
         obj.style.width = width + 'px';
         if(width<submenuObjArray[menuIndex]['width']){
            setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_out);
         }else{
            okToSlideInSub[menuIndex] = true;
         }
      }
   }
   function resetPosition()
   {
      subPositioned.length = 0;
   }
         
   function initLeftMenu()
   {
      var isMSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
      var browserVersion = parseInt(navigator.userAgent.replace(/.*?MSIE ([0-9]+?)[^0-9].*/g,'$1'));
      if(!browserVersion)browserVersion=1;
      
      var menuObj = document.getElementById('dhtmlgoodies_menu');   
      var mainMenuItemArray = new Array();
      
      var mainMenuItem = menuObj.getElementsByTagName('LI')[0];
      while(mainMenuItem){
         if(mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase()=='li'){
            mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem;
            var aTag = mainMenuItem.getElementsByTagName('A')[0];
            if(showSubOnMouseOver)
               aTag.onmouseover = showSub;   
            else
               aTag.onclick = showSub;   
         }
         mainMenuItem = mainMenuItem.nextSibling;
      }      
      
      var lis = menuObj.getElementsByTagName('A');
      for(var no=0;no<lis.length;no++){
         if(!showSubOnMouseOver)lis[no].onmouseover = stopAutoHide;
         lis[no].onmouseout = initAutoHide;
         lis[no].onmousemove = stopAutoHide;
      }
            
      for(var no=0;no<mainMenuItemArray.length;no++){
         var sub = mainMenuItemArray[no].getElementsByTagName('UL')[0];
         if(sub){
            mainMenuItemArray[no].id = 'mainMenuItem' + (no+1);
            var div = document.createElement('DIV');
            div.className='dhtmlgoodies_subMenu';
            document.body.appendChild(div);
            div.appendChild(sub);
            if(slideDirection=='right'){
               div.style.left = getLeftPos(mainMenuItemArray[no]) + mainMenuItemArray[no].offsetWidth + xOffsetSubMenu + 'px';
            }else{
               div.style.left = getLeftPos(mainMenuItemArray[no]) + xOffsetSubMenu + 'px';
            }
            div.style.top = getTopPos(mainMenuItemArray[no]) + 'px';
            div.id = 'subMenuDiv' + (no+1);
            sub.id = 'submenuUl' + (no+1);
            sub.style.position = 'relative';   

            if(navigator.userAgent.indexOf('Opera')>=0){
               submenuObjArray[no+1] = new Array();
               submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
               submenuObjArray[no+1]['divObj'] = div;
               submenuObjArray[no+1]['ulObj'] = sub;
               submenuObjArray[no+1]['width'] = sub.offsetWidth;
               submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
            }
            sub.style.left = 1 - sub.offsetWidth + 'px';   
            
            
            
            if(browserVersion<7 && isMSIE)div.style.width = '1px';   
               
            if(navigator.userAgent.indexOf('Opera')<0){
               submenuObjArray[no+1] = new Array();
               submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
               submenuObjArray[no+1]['divObj'] = div;
               submenuObjArray[no+1]['ulObj'] = sub;
               submenuObjArray[no+1]['width'] = sub.offsetWidth;
               
               
               
               submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
               if(fixedSubMenuWidth)submenuObjArray[no+1]['width'] = fixedSubMenuWidth;
            }   

            if(!document.all)div.style.width = '1px';         
               
         }         
      }
         

      
      
      menuObj.style.visibility = 'visible';
      
      window.onresize = resetPosition;
   }
   
   
   window.onload = initLeftMenu;
   </script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
</head>

<body>
<div id="dhtmlgoodies_menu">
<ul>
  <li><a href="#">Menü</a>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Leistung</a></li>
      <li><a href="#">Kontakt</a></li>
      <li><a href="#">FAQs</a></li>
      <li><a href="#">Impressum</a></li>
      <li><a href="#">AGBs</a></li>
    </ul>
  </li>
  </ul>
</div>

</body>
</html>
  View user's profile Private Nachricht senden
XSchinkenX

Dabei seit: 25.01.2004
Ort: Mars
Alter: -
Geschlecht: -
Verfasst So 30.09.2007 01:26
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
#horizmenue a {
  padding: 2px 8px 5px;
}


     
      display:block;   
   }
   .dhtmlgoodies_subMenu ul li a:hover{   
      color:#000;   
      background-color:#FFF;   
   }


Ab da hatte ich schon keinen Bock mehr. Lern den shit, und wenn du dann noch Fragen hast, poste den Codeauszug, der dir Probleme bereitet. Dann wird dir gerne geholfen.

Die Alternative ist, dass du mir ne PN schreibst mit einem Angebot, dann helfe ich dir gerne bei der Implementierung.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
angeboot
Threadersteller

Dabei seit: 30.09.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 30.09.2007 02:04
Titel

tz

Antworten mit Zitat Zum Seitenanfang

und ich dachte hier bekommt man hilfe! *pah*

Positiv war DER Eindruck nicht! * Du kannst mich mal... *
  View user's profile Private Nachricht senden
Nightuser

Dabei seit: 03.09.2005
Ort: Kaiserslautern
Alter: -
Geschlecht: Männlich
Verfasst So 30.09.2007 03:02
Titel

Antworten mit Zitat Zum Seitenanfang

Wer das auch immer gecodet hat - Ohweia! *balla balla*
Da sind noch einige Fehler drin, aber das was du wolltest funktioniert nun.

Code:
<html>
<head>
   <style type="text/css">
   /* DEMO CSS */
   a{
      color:red;
      text-decoration:none;
   }
   body{
      font-size:0.8em;
      text-align:center;
      background-color:#FFFFFFFF;
      font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
      margin:0px;
      padding:0px;
   }
   img{
      border:0px;
   }
   #mainContainer{
      width:760px;
      margin:0 auto;
      text-align:left;
      background-color:#FFCE26;
   }
   
   #leftContainer{
      width:160px;
      float:left;
      padding-left:5px;
      padding-right:5px;
      height:300px;
   }
   
   #contentContainer{
      width:590px;
      float:left;
   }
   .ad{
      clear:both;
      text-align:center;
      padding:5px;
   }   
   
   
   #dhtmlgoodies_menu{     
      font-family:arial;   
      width:150px;   
     
   }
   #dhtmlgoodies_menu   li{   
      list-style-type:none;   
      margin:0px;   
   }
   #dhtmlgoodies_menu ul{   
      margin:0px;   
      padding:0px;   
   }
   #dhtmlgoodies_menu ul li ul{   
      padding-left:10px;
   }
   #dhtmlgoodies_menu   li a{   
      text-decoration:none;   
      color:#000;   
     
      height:20px;   
      line-height:20px;   
      horizontal-align:middle;   
      border:1px solid #000;   
      background-color:#FFCE26;   
      margin:1px;   
      padding:0px;   
     
      display:block;
   }
   
   #dhtmlgoodies_menu   li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
      color:#FFF;
      background-color:#FFCE26;
   }
   .dhtmlgoodies_subMenu{
      visibility:hidden;
      position:absolute;
      overflow:hidden;
      border:1px solid #000;
      background-color:#FFCE26;
      font-family:arial;
      text-align:left;
   
   }
   .dhtmlgoodies_subMenu ul {
      margin:0px;
      padding:0px;   
   }
   .dhtmlgoodies_subMenu ul li {
      list-style-type:none;
      margin:0px;
      padding: 0px;   
   }
   .dhtmlgoodies_subMenu ul li a {   
      text-decoration:none;   
      color:#000;
      float: left;     
      height:16px;   
      line-height:16px;
      padding: 2px 5px 2px 5px;
      }

   .dhtmlgoodies_subMenu ul li a:hover {   
      text-decoration:none;   
      color:#fff;
      float: left;     
      height:16px;   
      line-height:16px;
      padding: 2px 5px 2px 5px;
      }
     
#horizmenue {
width: 360px;
}
#horizmenue li {
  display: inline;
  padding: 0px 10px;
}
#horizmenue a {
  padding: 0px;
}


     
      display:block;   
   }
   .dhtmlgoodies_subMenu ul li a:hover{   
      color:#000;   
      background-color:#FFF;   
   }

   </style>
   <script type="text/javascript">
   
   var timeBeforeAutoHide = 700;   
   var slideSpeed_out = 10;   
   var slideSpeed_in = 10;
     
   
   var slideTimeout_out = 25;   
   var slideTimeout_in = 10;   
   
   var showSubOnMouseOver = true;   
   var fixedSubMenuWidth = false;   

   
   var xOffsetSubMenu = 0;   
   
   var slideDirection = 'right';   
   
   var activeSubMenuId = false;
   var activeMainMenuItem = false;
   var currentZIndex = 1000;     
   var autoHideTimer = 0;
   var submenuObjArray = new Array();
   var okToSlideInSub = new Array();
   var subPositioned = new Array();
   

   function stopAutoHide()
   {
      autoHideTimer = -1;
   }
   
   function initAutoHide()
   {
      autoHideTimer = 0;
      if(autoHideTimer>=0)autoHide();
   }
   
   function autoHide()
   {
     
      if(autoHideTimer>timeBeforeAutoHide)
      {
         
         if(activeMainMenuItem){
            activeMainMenuItem.className='';
            activeMainMenuItem = false;
         }
         
         if(activeSubMenuId){
            var obj = document.getElementById('subMenuDiv' + activeSubMenuId);
            showSub();
         }
      }else{
         if(autoHideTimer>=0){
            autoHideTimer+=50;
            setTimeout('autoHide()',50);
         }
      }
   }   
   
   function getTopPos(inputObj)
   {     
     var returnValue = inputObj.offsetTop;
     while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
     return returnValue;
   }
   
   function getLeftPos(inputObj)
   {
     var returnValue = inputObj.offsetLeft;
     while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
     return returnValue;
   }
   
   function showSub()
   {
      var subObj = false;
      if(this && this.tagName){
         var numericId = this.parentNode.id.replace(/[^0-9]/g,'');
         okToSlideInSub[numericId] = false;
         var subObj = document.getElementById('subMenuDiv' + numericId);
         if(activeMainMenuItem)activeMainMenuItem.className='';
         if(subObj){
            if(!subPositioned[numericId]){
               if(slideDirection=='right'){
                  subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + submenuObjArray[numericId]['parentDiv'].offsetWidth + xOffsetSubMenu + 'px';
               }else{
                  subObj.style.left = getLeftPos(submenuObjArray[numericId]['parentDiv']) + xOffsetSubMenu + 'px';
                 
               }
               submenuObjArray[numericId]['left'] = subObj.style.left.replace(/[^0-9]/g,'');
               subObj.style.top = getTopPos(submenuObjArray[numericId]['parentDiv']) + 'px';
               subPositioned[numericId] = true;
            }           
            subObj.style.visibility = 'visible';
            subObj.style.zIndex = currentZIndex;
            currentZIndex++;   
            this.className='activeMainMenuItem';
            activeMainMenuItem = this;
         }
      }else{
         var numericId = activeSubMenuId;
      }
      if(activeSubMenuId && (numericId!=activeSubMenuId || !subObj))slideMenu(activeSubMenuId,(slideSpeed_in*-1));
      if(numericId!=activeSubMenuId && this && subObj){
         subObj.style.width = '0px';   
         slideMenu(numericId,slideSpeed_out);
         activeSubMenuId = numericId;
      }else{
         if(numericId!=activeSubMenuId)activeSubMenuId = false;
      }
      if(showSubOnMouseOver)stopAutoHide();
   }
   
   function slideMenu(menuIndex,speed){
      var obj = submenuObjArray[menuIndex]['divObj'];
      var obj2 = submenuObjArray[menuIndex]['ulObj'];
      var width = obj.offsetWidth + speed;
      if(speed<0){
         if(width<0)width = 0;
         obj.style.width = width + 'px';
         if(slideDirection=='left'){
            obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
            obj2.style.left = '0px';
         }else{
            obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px'
         }
         if(width>0 && okToSlideInSub[menuIndex])setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_in); else{
            obj.style.visibility = 'hidden';
            obj.style.width = '0px';
            if(activeSubMenuId==menuIndex)activeSubMenuId=false;
         }
         
      }else{
         if(width>submenuObjArray[menuIndex]['width'])width = submenuObjArray[menuIndex]['width'];
         if(slideDirection=='left'){
            obj.style.left = submenuObjArray[menuIndex]['left'] - width + 'px';
            obj2.style.left = '0px';
         }else{
            obj2.style.left = width - submenuObjArray[menuIndex]['width'] + 'px'
         }     
         
         obj.style.width = width + 'px';
         if(width<submenuObjArray[menuIndex]['width']){
            setTimeout('slideMenu(' + menuIndex + ',' + speed + ')',slideTimeout_out);
         }else{
            okToSlideInSub[menuIndex] = true;
         }
      }
   }
   function resetPosition()
   {
      subPositioned.length = 0;
   }
         
   function initLeftMenu()
   {
      var isMSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
      var browserVersion = parseInt(navigator.userAgent.replace(/.*?MSIE ([0-9]+?)[^0-9].*/g,'$1'));
      if(!browserVersion)browserVersion=1;
     
      var menuObj = document.getElementById('dhtmlgoodies_menu');   
      var mainMenuItemArray = new Array();
     
      var mainMenuItem = menuObj.getElementsByTagName('LI')[0];
      while(mainMenuItem){
         if(mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase()=='li'){
            mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem;
            var aTag = mainMenuItem.getElementsByTagName('A')[0];
            if(showSubOnMouseOver)
               aTag.onmouseover = showSub;   
            else
               aTag.onclick = showSub;   
         }
         mainMenuItem = mainMenuItem.nextSibling;
      }     
     
      var lis = menuObj.getElementsByTagName('A');
      for(var no=0;no<lis.length;no++){
         if(!showSubOnMouseOver)lis[no].onmouseover = stopAutoHide;
         lis[no].onmouseout = initAutoHide;
         lis[no].onmousemove = stopAutoHide;
      }
           
      for(var no=0;no<mainMenuItemArray.length;no++){
         var sub = mainMenuItemArray[no].getElementsByTagName('UL')[0];
         if(sub){
            mainMenuItemArray[no].id = 'mainMenuItem' + (no+1);
            var div = document.createElement('DIV');
            div.className='dhtmlgoodies_subMenu';
            document.body.appendChild(div);
            div.appendChild(sub);
            if(slideDirection=='right'){
               div.style.left = getLeftPos(mainMenuItemArray[no]) + mainMenuItemArray[no].offsetWidth + xOffsetSubMenu + 'px';
            }else{
               div.style.left = getLeftPos(mainMenuItemArray[no]) + xOffsetSubMenu + 'px';
            }
            div.style.top = getTopPos(mainMenuItemArray[no]) + 'px';
            div.id = 'subMenuDiv' + (no+1);
            sub.id = 'submenuUl' + (no+1);
            sub.style.position = 'relative';   

            if(navigator.userAgent.indexOf('Opera')>=0){
               submenuObjArray[no+1] = new Array();
               submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
               submenuObjArray[no+1]['divObj'] = div;
               submenuObjArray[no+1]['ulObj'] = sub;
               submenuObjArray[no+1]['width'] = sub.offsetWidth;
               submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
            }
            sub.style.left = 1 - sub.offsetWidth + 'px';   
           
           
           
            if(browserVersion<7 && isMSIE)div.style.width = '1px';   
               
            if(navigator.userAgent.indexOf('Opera')<0){
               submenuObjArray[no+1] = new Array();
               submenuObjArray[no+1]['parentDiv'] = mainMenuItemArray[no];
               submenuObjArray[no+1]['divObj'] = div;
               submenuObjArray[no+1]['ulObj'] = sub;
               submenuObjArray[no+1]['width'] = sub.offsetWidth;
               
               
               
               submenuObjArray[no+1]['left'] = div.style.left.replace(/[^0-9]/g,'');
               if(fixedSubMenuWidth)submenuObjArray[no+1]['width'] = fixedSubMenuWidth;
            }   

            if(!document.all)div.style.width = '1px';         
               
         }         
      }
         

     
     
      menuObj.style.visibility = 'visible';
     
      window.onresize = resetPosition;
   }
   
   
   window.onload = initLeftMenu;
   </script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
</head>

<body>
<div id="dhtmlgoodies_menu">
<ul>
  <li><a href="#">Menü</a>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Leistung</a></li>
      <li><a href="#">Kontakt</a></li>
      <li><a href="#">FAQs</a></li>
      <li><a href="#">Impressum</a></li>
      <li><a href="#">AGBs</a></li>
    </ul>
  </li>
  </ul>
</div>

</body>
</html>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 30.09.2007 12:10
Titel

Re: tz

Antworten mit Zitat Zum Seitenanfang

angeboot hat geschrieben:
und ich dachte hier bekommt man hilfe! *pah*

Positiv war DER Eindruck nicht! * Du kannst mich mal... *


Ruhig Brauner .. kurz nachdem man sich registriert hat nen
komplettes File hier rein schmeißen und sagen "Macht mal",
hat noch keinem weitergeholfen. Community heisst geben
und nehmen - nicht nur nehmen.

Also tu was dafür und es werden sich leute finden, die dir
helfen wollen/werden.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Horizontales Aufklappmenü
Horizontales Aufklappmenü
java-script-tag für horizontales Scrollen
[css] - Simples Aufklappmenü will nicht in IE :)
css horizontales Menü ausrichten
css - horizontales menü, trennstriche
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.