Ergebnis 1 bis 12 von 12

Thema: Navigation

  1. #1
    qoo
    qoo ist offline Grünschnabel
    registriert
    24-02-2004
    Beiträge
    9

    Navigation

    Hallo,
    ich such schon länger so eine Navigation wie mans sie im Browser hat, also das man über einen Button oben fährt und dann eine Auswahlliste öffnet, auf der Seite hier heißt es glaub ich Layermenü. Leider ist da nichts in der Art dabei wei ich es suche Es sollte so sein das wenn man drüber fährt (ohne zu klicken) sich nicht nur die links zeigen sondern eine Tabelle die man auch anpassen kann und soblad man vom button runter geht sollte es auch wieder schließen. Kennt jemand soetwas? Und weiß wo es sowas gibt?

  2. #2
    Chef de Loup ist offline Eroberer
    registriert
    27-05-2004
    Ort
    Berlin
    Beiträge
    66

    AW: Navigation

    schau mal auf www.javarea.de
    Mitglied eines uneigennuetzigen Vereins, der meint das Computer spielen die Loesung aller Probleme mit sich fuehrt

  3. #3
    brainshock ist offline Lounge-Member
    registriert
    03-10-2002
    Ort
    .
    Beiträge
    5.319

    AW: Navigation

    Ist für mich nix Anderes als ein Layermenü... Vielleicht habe ich dich auch nicht verstanden... Hast du eine Beipielseite, wo du das gesehen hast?

  4. #4
    qoo
    qoo ist offline Grünschnabel
    registriert
    24-02-2004
    Beiträge
    9

    AW: Navigation

    es ist auch ein layermenü (denk ich mal) nur hab ich bisher eben nur welche gefunden bei denen man die nach unten gehende liste nicht mit einer tabelle hat oder das wenn man von einem button runterfährt sich die liste nicht wieder schließt

  5. #5
    brainshock ist offline Lounge-Member
    registriert
    03-10-2002
    Ort
    .
    Beiträge
    5.319

    AW: Navigation

    Das kannst du ganz einfach dazuprogrammieren. Bei Problemen gibt es ja dieses Forum...

  6. #6
    qoo
    qoo ist offline Grünschnabel
    registriert
    24-02-2004
    Beiträge
    9

    AW: Navigation

    das gäb glaub ich ein einziges problem da ich von javascript überhaupt keine ahnung hab, ich werds aber trotzdem mal versuchen, auch wenn ich wenig hoffnung hab

  7. #7
    Avatar von RoyalKnight
    RoyalKnight ist offline Foren-Gott
    registriert
    14-02-2003
    Ort
    Austria
    Beiträge
    3.270

    AW: Navigation

    Zitat Zitat von brainshock
    Das kannst du ganz einfach dazuprogrammieren. Bei Problemen gibt es ja dieses Forum...
    Sinnvolle antwort - vielleicht würde es ihm mehr bringen, wenn er ein paar Tipps bekommen würde?

    @qoo:
    Die Art von Menu die du suchst nennt sich Cascading Menu, am besten du googlest einfach mal danach oder du guckst dir [1] oder auch [2] (mein Tipp) an.

    [1]
    http://unix.nightfire.ch/java/jscript/main_nav.htm#navi

    [2]
    http://www.softcomplex.com/products/tigra_menu/



    Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.

  8. #8
    brainshock ist offline Lounge-Member
    registriert
    03-10-2002
    Ort
    .
    Beiträge
    5.319

    AW: Navigation

    Zitat Zitat von RoyalKnight
    Sinnvolle antwort - vielleicht würde es ihm mehr bringen, wenn er ein paar Tipps bekommen würde?
    Hast du damit ein Problem? Wenn er Tipps haben möchte, meldet er sich bestimmt. Falls er keine braucht, dann halt nicht. Ich mache mir doch keine Arbeit, die er dann gar nicht braucht. Außerdem wüsste ich gar nicht, was ich umändern soll, weil er noch keinen Code, Link, etc. gepostet hat.

  9. #9
    Avatar von RoyalKnight
    RoyalKnight ist offline Foren-Gott
    registriert
    14-02-2003
    Ort
    Austria
    Beiträge
    3.270

    AW: Navigation

    Sorry, Off Topic:
    Zitat Zitat von brainshock
    Wenn er Tipps haben möchte, meldet er sich bestimmt. Falls er keine braucht, dann halt nicht. Ich mache mir doch keine Arbeit, die er dann gar nicht braucht. Außerdem wüsste ich gar nicht, was ich umändern soll, weil er noch keinen Code, Link, etc. gepostet hat.
    Ich muss lachen - Wie du richtig gesagt hast: "Wenn er Tipps haben möchte, meldet er sich bestimmt" Warum meinst du nun hat er sich hier gemeldet?

    Wer hat gesagt, dass Tipps arbeit sind? Muss man um einen Tipp zu geben Code vor sich haben, oder einen Link oder was auch immer??? Reicht es nicht wenn man Vorschläge macht oder Denkanstöße gibt? Links zu anderen Seiten wo sich eben so ein Menu befindet postet? Auf alle Fälle ist es nicht mehr Aufwand als dein sinnloses Posting...



    Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.

  10. #10
    brainshock ist offline Lounge-Member
    registriert
    03-10-2002
    Ort
    .
    Beiträge
    5.319

    AW: Navigation

    Jaja, genau.

  11. #11
    qoo
    qoo ist offline Grünschnabel
    registriert
    24-02-2004
    Beiträge
    9

    AW: Navigation

    ich hab bisher nur sachen gefunden die nicht richtig mit i-frames gehen, ich bräuchte es so dass die navigation in einem frame geöffnet wird und das sich öffnente menü sich über den iframe hinaus in die hauptseite öffnet

  12. #12
    qoo
    qoo ist offline Grünschnabel
    registriert
    24-02-2004
    Beiträge
    9

    AW: Navigation

    also ich hab jetzt eins gefunden das ich jetzt perfekt angepasst ahbe, nur eins bekomm ich nicht gebacken und zwar ist zwischen der menübar und der sich öffneten auswahl ein 2px breiter abstand und ebenso ist die auswahl um zwei pixel nach links verschoben weiß jemand wie ich das ändern kann, entweder liegt das an der css datei oder der javascript datei
    das steht in der css datei

    Code:
    BODY
    {
    }
    .menuBar
    {
        POSITION: relative;
        BACKGROUND-COLOR: transparent;
        TEXT-ALIGN: center
    }
    .Bar
    {
        BORDER-RIGHT: #000000 1px outset;
        BORDER-TOP: #000000 1px outset;
        FLOAT: left;
        BORDER-LEFT: #000000 0px outset;
        WIDTH: 100px;
        HEIGHT: 17px
        CURSOR: hand;
        TEXT-INDENT: 5px;
        BORDER-BOTTOM: #000000 1px outset;
        POSITION: relative;
        BACKGROUND-COLOR: #ADAEC9;
        TEXT-ALIGN: center
        
    }
    
    
    .menu
    {
        BORDER-RIGHT: #000000 1px outset;
        BORDER-TOP: #000000 1px outset;
        VISIBILITY: hidden;
        BORDER-LEFT: #000000 1p outset;
        WIDTH: 100px;
        LINE-HEIGHT: 140%;
        BORDER-BOTTOM: #000000 0px outset;
        POSITION: absolute;
        BACKGROUND-COLOR: #ADAEC9
    }
    .menuItem
    {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 100%;
        CURSOR: hand;
        LINE-HEIGHT: 17px;
        BORDER-BOTTOM: #000000 1px solid
    }
    .ItemMouseOver
    {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 100%;
        CURSOR: hand;
        COLOR: #000000;
        LINE-HEIGHT: 17px;
        BORDER-BOTTOM: #000000 1px solid;
        BACKGROUND-COLOR: #B7B8CF
    }
    .ItemMouseOut
    {
        WIDTH: 100%
    }
    
    .barOver
    {
        BORDER-RIGHT: #000000 1px ridge;
        BORDER-TOP: #000000 1px ridge;
        FLOAT: left;
        BORDER-LEFT: #000000 0px ridge;
        WIDTH: 100px;
        HEIGHT: 17px
        CURSOR: hand;
        TEXT-INDENT: 5px;
        BORDER-BOTTOM: #000000 1px ridge;
        POSITION: relative;
        BACKGROUND-COLOR: #B7B8CF;
        TEXT-ALIGN: center
        
    
    
    }
    
    #1 {BORDER-LEFT: #D4D4DC 1px solid;
    	BORDER-TOP: #D4D4DC 1px solid;
    FONT-FAMILY: ARIAL; FONT-SIZE: 10px; COLOR: #000000; margin-bottom:1px;
    
    }
    
    #2 {BORDER-LEFT: #D4D4DC 1px solid;
    	BORDER-TOP: #D4D4DC 1px solid;
    FONT-FAMILY: ARIAL; FONT-SIZE: 10px; COLOR: #000000; margin-bottom:1px;
    
    }
    und so das aus der js datei:
    Code:
     
       function InitMenu()
       {
         var bar = menuBar.children     
    
         for(var i=0;i < bar.length;i++) 
            {
              var menu=eval(bar[i].menu)
              menu.style.visibility = "hidden"
              bar[i].onmouseover = new Function("ShowMenu("+bar[i].id+")")
              var Items = menu.children
              for(var j=0; j<Items.length; j++)
                {
                  var menuItem = eval(Items[j].id)
                    
                    if(menuItem.menu != null)
                       { 
                        menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'></Span>"
                        //var tmp = eval(menuItem.id+"_Arrow")
                        // tmp.style.pixelLeft = menu.getBoundingClientRect().Right //- tmp.offsetWidth - 15
                        FindSubMenu(menuItem.menu)}
                   
                     if(menuItem.cmd != null) 
                       {
                       menuItem.onclick = new Function("Do("+menuItem.id+")") } 
                       
                  menuItem.onmouseover = new Function("highlight("+Items[j].id+")")
                
                }    
            
            }  
       }
       function FindSubMenu(subMenu)
       {
             var menu=eval(subMenu)
             var Items = menu.children
              for(var j=0; j<Items.length; j++)
                {
                  menu.style.visibility = "hidden"
                  var menuItem = eval(Items[j].id)
                  
                  
                  if(menuItem.menu!= null)
                     {
                        menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'></Span>"
                        // var tmp = eval(menuItem.id+"_Arrow")
                        //tmp.style.pixelLeft = 35 //menuItem.getBoundingClientRect().right - tmp.offsetWidth - 15
                        FindSubMenu(menuItem.menu)
                     }
    
                     if(menuItem.cmd != null) 
                       {
                       menuItem.onclick = new Function("Do("+menuItem.id+")") } 
                      
                  menuItem.onmouseover = new Function("highlight("+Items[j].id+")")
                     
                }  
       } 
       function ShowMenu(obj)
       {
         HideMenu(menuBar)
         var menu = eval(obj.menu)
         var bar = eval(obj.id)
         bar.className="barOver"
         menu.style.visibility = "visible"
         menu.style.pixelTop =  obj.getBoundingClientRect().top + obj.offsetHeight + Bdy.scrollTop
         menu.style.pixelLeft = obj.getBoundingClientRect().left + Bdy.scrollLeft
       }
       
       function highlight(obj)
       {
         var PElement = eval(obj.parentElement.id)
         if(PElement.hasChildNodes() == true)
         {  var Elements = PElement.children
           for(var i=0;i<Elements.length;i++)
           {
              TE = eval(Elements[i].id)
              TE.className = "menuItem"
           }
          } 
         obj.className="ItemMouseOver"
         window.defaultStatus = obj.title
         ShowSubMenu(obj)
       }
       
       function Do(obj)
       {
        var cmd = eval(obj).cmd	
        window.navigate(cmd)
         
       }
       
       function HideMenu(obj)
       {
              if(obj.hasChildNodes()==true)
                  {  
                     var child = obj.children     
                     
                     for(var j =0;j<child.length;j++)
                      {
                         if (child[j].className=="barOver")
                         {var bar = eval(child[j].id)
                          bar.className="Bar"}
                          
                         if(child[j].menu != null)
                           {
                              var childMenu = eval(child[j].menu)
                              if(childMenu.hasChildNodes()==true) 
                                   HideMenu(childMenu)
                              
                               childMenu.style.visibility = "hidden" 
                             }
                      }
                  
                  }
       }
      function ShowSubMenu(obj)
      {
         PMenu = eval(obj.parentElement.id)
          HideMenu(PMenu)
         if(obj.menu != null)
         {
         var menu = eval(obj.menu)
         menu.style.visibility = "visible"
         menu.style.pixelTop =  obj.getBoundingClientRect().top + Bdy.scrollTop
         menu.style.pixelLeft = obj.getBoundingClientRect().right + Bdy.scrollLeft
         if(menu.getBoundingClientRect().right > window.screen.availWidth )
           menu.style.pixelLeft = obj.getBoundingClientRect().left - menu.offsetWidth
        }
      } 
    
    
    
    
    
     ///////////////////CascadedDropdown Menu/////////////////
     //Date : 08/09/2001               						//
     //Version : 1.0        								//
     //Author Mr.Arun N Kumar	                            //
     //EMail: n_arunk@hotmail.com							//		
     /////////////////////////////////////////////////////////
     // Modifications on this code is not recomended
     // Suggestions are welcome
    und dann noch das was in die datei muss in der das menü sein soll (ich glaub da muss man nix ändern:

    Code:
    <HTML>
    <TITLE></TITLE>
    <HEAD>
    <!-- Original:  Arun kumar (n_arunk@hotmail.com) --> 
    
    <link href="CascadeMenu.css" rel="stylesheet"> 
    
    <script language="javascript" src="CascadeMenu.js"> 
    </script> 
    
    </HEAD>
    <BODY OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy" bgColor=aliceblue>
    
    
    <DIV Id="menuBar" class="menuBar" > 
        <DIV Id="Bar1" class="Bar"  menu="menu1"><DIV Id="1">Menu #1</DIV></DIV> 
        <DIV Id="Bar2" class="Bar"  menu="menu2"><DIV Id="1">Menu #2</DIV></DIV> 
        <DIV Id="Bar3" class="Bar"  menu="menu3"><DIV Id="1">Menu #3</DIV></DIV> 
        <DIV Id="Bar4" class="Bar"  menu="menu4"><DIV Id="1">Menu #4</DIV></DIV> 
    </DIV> 
    <!--MenuItem Definition --> 
    <div Id="menu1" class="menu" > 
       <div Id="menuItem1_1" class="menuItem"  menu="menu6"><DIV Id="2">SubMenu #1</div></div> 
       <div Id="menuItem1_2" class="menuItem" title="JavaScripts" cmd="http://www.nightfire.ch/java/"><DIV Id="2">Nightfire Java</div></div> 
       <div Id="menuItem1_3" class="menuItem" title="WDVL" cmd="http://www.wdvl.com"><DIV Id="2">WDVL</div></div> 
    </div> 
    <div Id="menu2" class="menu"> 
       <div Id="menuItem2_1" class="menuItem"><DIV Id="2">Page #1</div></div> 
       <div Id="menuItem2_2" class="menuItem"><DIV Id="2">Page #2</div></div> 
       <div Id="menuItem2_3" class="menuItem"><DIV Id="2">Page #3</div></div> 
    </div> 
    <div Id="menu3" class="menu"> 
       <div Id="menuItem3_1" class="menuItem"><DIV Id="2">Page #1</div></div> 
       <div Id="menuItem3_2" class="menuItem"><DIV Id="2">Page #2</div></div> 
       <div Id="menuItem3_3" class="menuItem"><DIV Id="2">Page #3</div></div> 
       <div Id="menuItem3_4" class="menuItem" menu="menu5"><DIV Id="2"> #4</div></div> 
    </div> 
    <div Id="menu4" class="menu"> 
       <div Id="menuItem4_1" class="menuItem"><DIV Id="2">Page #1</div></div> 
       <div Id="menuItem4_2" class="menuItem"><DIV Id="2">Page #2</div></div> 
       <div Id="menuItem4_3" class="menuItem"><DIV Id="2">Page #3</div></div> 
       <div Id="menuItem4_4" class="menuItem"><DIV Id="2">Page #4</div></div> 
    </div> 
    <div id="menu5" class="menu"> 
        <div Id="menuItem5_1" class="menuItem"><DIV Id="2">Page #4-1</div></div>
        <div Id="menuItem5_2" class="menuItem"><DIV Id="2">Page #4-2</div></div> 
        <div Id="menuItem5_3" class="menuItem"><DIV Id="2">Page #4-3</div></div> 
    </div> 
    <div id="menu6" class="menu"> 
        <div Id="menuItem6_1" class="menuItem"><DIV Id="2">Page #1-1</div></div> 
        <div Id="menuItem6_2" class="menuItem"><DIV Id="2">Page #1-2</div></div> 
        <div Id="menuItem6_3" class="menuItem" menu="menu7"><DIV Id="2">SubMenu #1-1</div></div> 
    </div> 
    <div id="menu7" class="menu"> 
        <div Id="menuItem7_1" class="menuItem"><DIV Id="2">Page #1-1-1</div></div> 
        <div Id="menuItem7_2" class="menuItem"><DIV Id="2">Page #1-1-2</div></div> 
        <div Id="menuItem7_3" class="menuItem"><DIV Id="2">Page #1-1-3</div></div> 
    </div> 
    <!-- End of Menu --> 
    
    
    </BODY>
    </HTML>
    das ist aber nicht mehr alles so wie es am anfang war ich hab schon viel geändert

Ähnliche Themen

  1. Navigation frames problem (target)
    Von kingu im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 24-03-2004, 18:23
  2. Navigation will einfach nicht, bitte HILFE!!
    Von Meja22 im Forum Allgemeines
    Antworten: 1
    Letzter Beitrag: 30-12-2002, 03:03
  3. Newbie: Navigation
    Von Lumaner im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 16-02-2002, 19:19
  4. Problem bei Netscaoe: Navigation mit Layern.
    Von mohelten im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 08-01-2002, 14:11
  5. JS Navigation
    Von JS-GunKiller im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 23-07-2001, 21:48

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •