ilch Forum » Allgemein » HTML, PHP, SQL,... » Menü Punt 2 ebenen

Geschlossen
  1. #1
    User Pic
    Trutz Mitglied
    Registriert seit
    11.12.2008
    Beiträge
    136
    Beitragswertungen
    0 Beitragspunkte
    Guten Tag,
    ich wollte mal nachfragen ob es möglich ist, das man nur z.b. da Test 1 hat.


    Aber wenn man dann auf den Menü Punkt "Test1" klickt oder rüber geht mit der Maus.

    Das dann dort ein weitere aufgehen wo man dann drauf klicken kann.

    Wenn der mauszeiger dann wieder runter geht vom menüpunkt, das dann die anderen wieder weggehen...


    ist soetwas möglich?


    Grüße Trutz


    verwendete ilchClan Version: 1.1
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    ja das ist ein java oder javascript. da gibt es sogar einiges im netz. musst mal suchen.
    auf www.je0.de gibts so eine als horizontales menü. kannst ja mal da rein schauen
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    FynnPath Mitglied
    Registriert seit
    02.01.2008
    Beiträge
    512
    Beitragswertungen
    3 Beitragspunkte
    javascript... nicht java oder javascript frech
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Trutz Mitglied
    Registriert seit
    11.12.2008
    Beiträge
    136
    Beitragswertungen
    0 Beitragspunkte
    Guten tag,
    ich habe nun ein Script gefunden, was wir ein Menü macht, was ich ansich brauche!!!

    Jedoch nun meine Frage, wie kann ich das nun in meiner Seite einbauen?

    Ich will es nicht auf der startseite haben, sondern ich habe mir eine neue php seite gemacht.

    und dort will ich es dann ganz oben haben und dadrunter dann aber trotzdem noch andere Sachen schreiben oder Bilder einfügen...


    Ist dies möglich?


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head><title>H-Flip Men&uuml; von Jan Erdmann</title>
    <style TYPE="text/css">
    BODY {margin:0; cursor:default;}
    .je_back         {BACKGROUND-IMAGE: url(images/back.gif); height:25px; width:100%;}
    .je_but1         {BACKGROUND-IMAGE: url(images/b1.gif); FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #cccccc; height:25px;}
    .je_but2         {BACKGROUND-IMAGE: url(images/b2.gif); FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #cccccc; height:25px;}
    .je_tab1         {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#aaaaaa;}
    .je_tab2         {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#bbbbbb;}
    .je_tabo         {FONT-FAMILY: verdana; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR:#ff9999;}
    .je_tabb         {BACKGROUND-COLOR:#000000;}
    </style>
    
    <script language="JavaScript" type="text/javascript">
    
                ///////////////////////////////////////////////////////////////////
               /// (C)opyright 2004 - Jan Erdmann // info@je0.de // www.je0.de ///
              ///////////////////////////////////////////////////////////////////
             ///  Das Copyright muß unverändert hier im Quelltext bleiben.   ///
            ///////////////////////////////////////////////////////////////////
    
    
    /////////////////////////// Einstellung Buttons ///////////////////////////
    /////////////////////////// Nummer, Name, Link, Framename (""=neues fenster, "self"=gleicher)
    Buttons = new Array(
    "1", "Home" , "", "",
    "2", "Button2" , "", "",
    "3", "Button3" , "", "",
    "4", "Button4" , "seite4.html", "",
    "5", "Button5" , "", ""
    );
    
    /////////////////////////// Nummer, Name, Link, Framename (""=neues fenster, "self"=gleicher)
    UButton = new Array(
    "1", "Button1" , "seite1.html", "",
    "1", "Button2" , "seite2.html", "self",
    "1", "Button3" , "seite3.html", "haupt",
    "1", "Button4" , "seite4.html", "haupt",
    "1", "Button5" , "seite5.html", "",
    "1", "Button6" , "seite6.html", "haupt",
    "1", "Button7" , "seite6.html", "",
    "1", "Button8" , "seite8.html", "haupt",
    "1", "Button9" , "seite9.html", "haupt",
    
    "2", "Button1" , "seite1.html", "",
    "2", "Button2" , "seite2.html", "self",
    "2", "Button3" , "seite3.html", "",
    
    "3", "Button1" , "seite1.html", "",
    "3", "Button2" , "seite2.html", "self",
    "3", "Button3" , "seite3.html", "",
    "3", "Button4" , "seite4.html", "haupt",
    "3", "Button5" , "seite5.html", "",
    "3", "Button6" , "seite6.html", "haupt",
    
    "5", "Button1" , "seite1.html", "",
    "5", "Button2" , "seite2.html", "haupt",
    "5", "Button3" , "seite3.html", "haupt",
    "5", "Button4" , "seite4.html", "haupt",
    "5", "Button5" , "seite5.html", "",
    "5", "Button6" , "seite6.html", "self",
    "5", "Button7" , "seite7.html", "",
    "5", "Button8" , "seite8.html", "haupt"
    );
    
    
    /////////////////////////// Weitere Einstellungen wenn Buttons verändert werden ///////////////////////////
    var pfad="images";           // Pfad zu den Grafiken, ohne / am Ende
    var butbr=113;               // Buttonbreite
    var menbr=90;                // Menübreite
    var vo=10;                   // Menü von Oben
    ///////////////////////////////////////////////////////////////////////
    var anzahl=Buttons.length, uanzahl=UButton.length, jecou="",tu1="", bi1="",st1="",nr1="",hflink="";
    function zeiver(tu,nummer) {
    if (tu==1) {
    bi1="b2";
    tu1="visible";
    } else {
    bi1="b1";
    tu1="hidden";
    }
    document.getElementById(['lay'+nummer]).style.visibility=tu1;
    document.getElementById(['bild'+nummer]).style.backgroundImage='url('+pfad+'/'+bi1+'.gif)';
    }
    function tabwech(bid,nr) {
    if (st1!="")
    document.getElementById(nr1).className=st1;
    nr1=nr;
    st1=document.getElementById(nr).className;
    if (bid==1)
    document.getElementById(nr).className='je_tabo';
    }
    function hfpop(kmurl) {
    kmfenster=window.open (kmurl)
    }
    
    document.write('<div class="je_back" style="position:absolute; top:'+vo+'"><center><table cellspacing=0 cellpadding=0><tr>');
    for (anz=0; anz<anzahl; anz=anz+4) {
    hflink="";
    if (Buttons[anz+2]){
    hflink="parent.frames."+Buttons[anz+3]+".location.href=\'"+Buttons[anz+2]+"\'";
    if (Buttons[anz+3]=="")
    hflink="hfpop(\'"+Buttons[anz+2]+"\')";
    if (Buttons[anz+3]=="self")
    hflink="location.href=\'"+Buttons[anz+2]+"\'";
    }
    document.write('<td id="bild'+Buttons[anz]+'" class="je_but1" width='+butbr+' onmouseover="zeiver(1,'+Buttons[anz]+')" onmouseout="zeiver(0,'+Buttons[anz]+')" onclick="'+hflink+'" align="center">'+Buttons[anz+1]+'<\/td>');
    }
    document.write('<\/tr><tr>');
    for (anz=0; anz<anzahl; anz=anz+4) {
    if (Buttons[anz+2]=="") {
    document.write('<td><div id="lay'+Buttons[anz]+'" style="position:absolute; visibility:hidden; width:'+butbr+';">');
    document.write('<center><table cellspacing=1 class="je_tabb" width='+menbr+' onmouseover="zeiver(1,'+Buttons[anz]+')" onmouseout="zeiver(0,'+Buttons[anz]+')">');
    for (uanz=0; uanz<uanzahl; uanz=uanz+4) {
    hflink="";
    if (UButton[uanz+2]) {
    hflink="parent.frames."+UButton[uanz+3]+".location.href=\'"+UButton[uanz+2]+"\'";
    if (UButton[uanz+3]=="")
    hflink="hfpop(\'"+UButton[uanz+2]+"\')";
    if (UButton[uanz+3]=="self")
    hflink="location.href=\'"+UButton[uanz+2]+"\'";
    }
    if (UButton[uanz]==Buttons[anz]) {
    if (jecou=="je_tab1")
    jecou="je_tab2";
    else
    jecou="je_tab1";
    document.write('<tr><td class="'+jecou+'" id="'+uanz+'_'+UButton[uanz]+'" onmouseover="tabwech(1,\''+uanz+'_'+UButton[uanz]+'\')" onmouseout="tabwech(0,\''+uanz+'_'+UButton[uanz]+'\')" onclick="'+hflink+'">'+UButton[uanz+1]+'<\/td><\/tr>');
    } }
    document.write('<\/table><\/div><\/td>');
    } else {
    document.write('<td><div style="position:absolute; visibility:hidden;" id="lay'+Buttons[anz]+'">&nbsp;<\/div><\/td>');
    } }
    document.write('<\/tr><\/table><\/center><\/div>');
    </script>
    </head>
    <body bgcolor=#999999>
    <div style="height:45px">&nbsp;</div>
    </body>
    </html>
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Trutz Mitglied
    Registriert seit
    11.12.2008
    Beiträge
    136
    Beitragswertungen
    0 Beitragspunkte
    ich habe ja oben nun diesen code... kann ich nicht nen teil des codes auch einfach unter meinem admin bereich in neue seite einfügen und dann kommt es....?



    Ich habe eine Tabelle gemacht...diese hat 5 Spalten...

    Spalte 1 Spalte 2 Spalte 3 Spalte 4 Spalte 5


    ist es nicht möglich jetzt einfach anstatt Spalte 1 diesen Code einfügen und dann kommt da dieser Button... der soll ja nicht irgendwie groß schick sein... soll nen Dunkles Rot haben und die Schrift weiß...

    und wenn man dann auf Spalte 1 drückt oder am besten einfach mit der Maus rüber geht, das dort dann 1-10 weitere flechen unten kommen, wo man drauf klicken kann..

    Es muss doch eigentlich möglich sein, einfach einen Cocde in die seite reinzuschreiben... oder?


    Grüße Trutz
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Parkuhr Mitglied
    Registriert seit
    30.09.2008
    Beiträge
    182
    Beitragswertungen
    0 Beitragspunkte
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Trutz Mitglied
    Registriert seit
    11.12.2008
    Beiträge
    136
    Beitragswertungen
    0 Beitragspunkte
    mit dem link kann ich leider nciht viel anfangen, vllt liegts auch an meinem englisch....

    Würde mich einfach über nen code freuen lächeln lachen

    Wo ich dann nur noch den namen ändern muss, und vllt noch bischen was logisches bearbeiten muss, von wegen das ich nen code von euch erhalte wo es nur 2 dann im klapp sind und ich dadraus noch 10 mache oder wie viele ich brauche...

    Vllt hat ja jemand nen code ...

    grüße trutz
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Parkuhr Mitglied
    Registriert seit
    30.09.2008
    Beiträge
    182
    Beitragswertungen
    0 Beitragspunkte
    <head>
    <link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />
    <script type="text/javascript" src="sdmenu/sdmenu.js">
    /***********************************************
    * Slashdot Menu script- By DimX
    * Submitted to Dynamic Drive DHTML code library: externer Link
    * Visit Dynamic Drive at externer Link for full source code
    ***********************************************/
    </script>
    <script type="text/javascript">
    // <![CDATA[
    var myMenu;
    window.onload = function() {
    myMenu = new SDMenu("my_menu");
    myMenu.init();
    };
    // ]]>
    </script>
    </head>

    <body>

    <div id="my_menu" class="sdmenu">
    <div>
    <span>Online Tools</span>
    <a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a>
    <a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a>
    <a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a>
    <a href="http://tools.dynamicdrive.com/password/">htaccess Password</a>
    <a href="http://tools.dynamicdrive.com/gradient/">Gradient Image</a>
    <a href="http://tools.dynamicdrive.com/button/">Button Maker</a>
    </div>
    <div>
    <span>Support Us</span>
    <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a>
    <a href="http://www.dynamicdrive.com/link.htm">Link to Us</a>
    <a href="http://www.dynamicdrive.com/resources/">Web Resources</a>
    </div>
    <div class="collapsed">
    <span>Partners</span>
    <a href="http://www.javascriptkit.com">JavaScript Kit</a>
    <a href="http://www.cssdrive.com">CSS Drive</a>
    <a href="http://www.codingforums.com">CodingForums</a>
    <a href="http://www.dynamicdrive.com/style/">CSS Examples</a>
    </div>
    <div>
    <span>Test Current</span>
    <a href="?foo=bar">Current or not</a>
    <a href="./">Current or not</a>
    <a href="index.html">Current or not</a>
    <a href="index.html?query">Current or not</a>
    </div>
    </div>

    </body>
    </html>



    zwinker das dürfte so reichen zwinker
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Lorp_Oo Mitglied
    Registriert seit
    02.10.2007
    Beiträge
    274
    Beitragswertungen
    0 Beitragspunkte
    Jub oder nimmste das hier: externer Link hatte da mal mein Script, welches ich immer benutze, hochgeladen.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten