Avatar billede ingenting Nybegynder
21. juni 2001 - 12:59 Der er 9 kommentarer og
3 løsninger

Dropdown menu som phpwizard.net

Hvordan laver jeg en menu som de har på phpwizard.net, jeg har været inde i deres kode og kigge og kopieret det over sammen med nødvendige billeder + de to filer hierArrays.js og hierMenus.js, men jeg kan simphelthen ikke få det til at virke.

Hvad er der galt?

Nogle der kan forklare mig nøjagtig hvad jeg skal gøre?
Avatar billede qzar Nybegynder
21. juni 2001 - 13:01 #1
Ja du skal ikke kopiere fra andre!
Avatar billede ingenting Nybegynder
21. juni 2001 - 13:05 #2
gzar: Det var ikke det jeg spurgte om!! Det er vel for helved tillladt at få gode ideér fra andre!! Selvfølgelig har jeg da ikke tænkt mig at direkte kopiere deres!!
Avatar billede Thomas Nybegynder
21. juni 2001 - 13:07 #3
Kan forestille mig at der står alt hvad der er værd at vide på hiermenus egen hjemmeside (o:
http://www.webreference.com/dhtml/hiermenus/latest/
Avatar billede ingenting Nybegynder
21. juni 2001 - 13:11 #4
raivo: Den har jeg prøvet, men jeg kan ikke rigtig få det til at virke?
Avatar billede realone Nybegynder
21. juni 2001 - 13:14 #5
ingenting --- Ellers kan du vel bruge den her..??

<HTML>
<HEAD>
    <TITLE></TITLE>
<STYLE>
BODY, DIV, TD, LAYER { font-size:10pt; font-family:arial; }
A:link, A:visited { color:#0000FF; text-decoration:none; }
A:hover, A:active { color:#0000FF; text-decoration:none; }
</STYLE>

<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--
No3 = (parseInt(navigator.appVersion) > 3) ? 1:0;
layer = (document.all && No3) ? \"document.all[\'L\'+menu].style\" : (document.layers && No3) ? \"document.layers[\'L\'+menu]\" : 0;
var timer;

function Show() { if(layer) {
    if(timer) clearTimeout(timer);
    for(menu=0; menu<Layer.length; menu++) { if(Layer[menu]) { eval(layer).visibility = \"hidden\"; } }
    for(i=0; i<arguments.length; i++) { menu=arguments[i]; eval(layer).visibility = \"visible\"; }
} }
function Hide() { timer = setTimeout(\"Show()\", 500); }
//-->
</SCRIPT>

</HEAD>

<BODY BGCOLOR=\"#FFFFFF\">

<BR>
<SPAN ID=\"menubar\" STYLE=\"position:relative; visibility:hidden;\">
<TABLE WIDTH=200 BGCOLOR=\"#BBBBBB\" BORDER=0 CELLPADDING=3 CELLSPACING=0><TR>
<TD><A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(1)\" onMouseOut=\"Hide(1)\">Drop1</A></TD>
<TD><A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(2)\" onMouseOut=\"Hide(2)\">Drop2</A></TD>
<TD><A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(3)\" onMouseOut=\"Hide(3)\">Drop3</A></TD>
</TR></TABLE>
</SPAN>

<SCRIPT LANGUAGE=\"JavaScript\">
<!--

//////////////////////////////////////////////////////

    hovercolor  = \"#BBBBBB\";    // color name/code
    bgcolor      = \"#DDDDDD\";    // color name/code
    background  = \"\";            // picture url
   
    menu_border  = 1;            // IE only
    border_color = \"#000000\";    // IE only
   
    arrow_pic    = \"script740849_0_2.gif\"; // url of arrow picture for submenus

//////////////////////////////////////////////////////


if(document.all) { if(!background) { background=bgcolor; } else { background = \"url(\"+background+\")\"; } }

function LayerSpecs(Left,Top,Width) { if(No3) {
    if(document.all) { Top+=7; Left+=2; Width-=6; }
    this.left  = Left;
    this.top  = Top;
    this.info  = \"\";
    T=0;
    for(i=3; i<arguments.length; i++) {
        if(document.all) { this.info += \"<TR><TD WIDTH=\"+Width+\" onMouseOver=\'this.bgColor=\\\"\"+hovercolor+\"\\\"\' onMouseOut=\'this.bgColor=\\\"\\\"\'>\"+arguments[i]+\"</TD></TR>\"; }
        else { this.info += \"<LAYER onMouseOver=\'this.bgColor=\\\"\"+hovercolor+\"\\\"\' onMouseOut=\'this.bgColor=\\\"\"+bgcolor+\"\\\"\' WIDTH=\"+Width+\" POSITION=RELATIVE TOP=\"+T+\">&nbsp;\"+arguments[i]+\"</LAYER>\"; }
        T+=20;
    }
} }

Layer = new Array();
arrow = \"<IMG SRC=\'\"+arrow_pic+\"\' WIDTH=6 HEIGHT=10 BORDER=0 ALT=\'\'>\";


//////////////////////////////////////////////

/*    Create Your layers below by typing:
    Layer[incrementing number] = new LayerSpecs(Left Position, Top Position, Width, List of Links Seperated by Commas)
    If a layer has a sublayer, add onMouseOver=\"Show(Layer Number to Open, Current Layer, Any Layers Opened before the current layer (seperated by commas)
*/

Layer[1] =    new LayerSpecs(8,47,110,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(4,1)\">Layer 1</A> \'+arrow,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(1)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(1)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(1)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(1)\">eksperten.dk</A> \'
);

Layer[2] =    new LayerSpecs(74,47,110,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(6,2)\">Layer 2</A> \'+arrow,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(2)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(7,2)\">eksperten.dk</A> \'+arrow,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(8,2)\">eksperten.dk</A> \'+arrow,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(2)\">eksperten.dk</A> \'
);

Layer[3] =    new LayerSpecs(141,47,110,
            \'<A HREF=\"http://www.eksperten.dk\">Layer 3</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \'
);

Layer[4] =    new LayerSpecs(119,47,110,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(4,1)\">Layer 4</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(4,1)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(4,1)\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(5,4,1)\">eksperten.dk</A> \'+arrow,
            \'<A HREF=\"http://www.eksperten.dk\" onMouseOver=\"Show(4,1)\">eksperten.dk</A> \'
);

Layer[5] =    new LayerSpecs(230,47,110,
            \'<A HREF=\"http://www.eksperten.dk\">Layer 5</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \'
);

Layer[6] =    new LayerSpecs(185,47,110,
            \'<A HREF=\"http://www.eksperten.dk\">Layer 6</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \'
);

Layer[7] =    new LayerSpecs(185,47,110,
            \'<A HREF=\"http://www.eksperten.dk\">Layer 7</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \'
);

Layer[8] =    new LayerSpecs(185,47,110,
            \'<A HREF=\"http://www.eksperten.dk\">Layer 8</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \',
            \'<A HREF=\"http://www.eksperten.dk\">eksperten.dk</A> \'
);


////////////////////////////////////////////////////////////////

j = (Layer[0]) ? 0:1;

for(i=j; i<Layer.length; i++) {
    if(document.all && No3) { document.write(\"<SPAN onMouseOver=\'clearTimeout(timer)\' onMouseOut=\'Hide(\"+i+\")\' ID=\'L\"+i+\"\' STYLE=\'position:absolute; visibility:hidden; background:\"+background+\"; top:\"+Layer[i].top+\"; left:\"+Layer[i].left+\";\'><TABLE STYLE=\'border:solid \"+menu_border+\" \"+border_color+\"\'>\"+Layer[i].info+\"</TABLE></SPAN>\"); }
    else if(document.layers && No3) { document.write(\"<LAYER onMouseOver=\'clearTimeout(timer)\' onMouseOut=\'Hide(\"+i+\")\' ID=\'L\"+i+\"\' POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR=\'\"+bgcolor+\"\' BACKGROUND=\'\"+background+\"\' TOP=\"+Layer[i].top+\" LEFT=\"+Layer[i].left+\">\"+Layer[i].info+\"</LAYER>\"); }
}

if(document.all) { document.all[\"menubar\"].style.visibility = \"visible\"; }
else if(document.layers) { document.layers[\"menubar\"].visibility = \"visible\"; }

// -->
</SCRIPT>




</BODY>
</HTML>


-----------------
</RealOne>
Avatar billede Thomas Nybegynder
21. juni 2001 - 13:14 #6
Det er da den samme som du har hentet (udfra filnavnene at dømme). Bruger den ikke selv - så jeg kender ikke så meget til den!
Der findes sikkert lignende alternativer på
http://www.dynamicdrive.com/dynamicindex1/index.html
hvor der også vises eksempler på hvordan det skal sættes op - kan være du kan bruge det i stedet for!?
Avatar billede realone Nybegynder
21. juni 2001 - 13:15 #7
ingenting --- Du kan se den her..:
http://www.friserverplads.dk/darkside/dropmenu.htm
</RealOne>
Avatar billede nuki Nybegynder
21. juni 2001 - 13:17 #8
hvad med http://www.dynamicdrive.com/dynamicindex1/

du kan kikke lidt rundt der er nogle forskellige menu som er dropdown
Avatar billede realone Nybegynder
21. juni 2001 - 13:20 #9
ingenting --- og hvis du vil have pilen ud for de næste dropdowns, så skal du lave en pil med navnet script740849_0_2.gif ..
</RealOne>
Avatar billede ingenting Nybegynder
21. juni 2001 - 13:21 #10
Jeg har lige udskrevet instructions fra http://www.webreference.com/dhtml/hiermenus/
om hvordan man sætter det op, så nu vil jeg lige prøve at lege lidt med det, og så kommer jeg tilbage med point!
Avatar billede qzar Nybegynder
21. juni 2001 - 13:37 #11
Du skrev sq direkte at du har prøvet at tage deres!
Avatar billede ingenting Nybegynder
30. oktober 2001 - 12:34 #12
Tak for alle Jeres forslag, I får lige lidt point for Jeres venlighed.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester