Jeg har et lidt kompliceret problem. Jeg er ved at lave en hjemmeside med en drop-down-menu i java. Jeg vil gerne have sat menuen ind i en tabel under en overskrift og over "index"-siden, ligesom her på eksperten. Problemet er bare, at den ikke fatter det, når jeg sætter den ind i en <td>. Hvis jeg derimod sætter den uden for tabellen kommer den til at ligge top center uanset hvor i dokumentet jeg indsætter den.
Menuen består af to java-dokumenter og et html-dokument. Det java-dokument der højst sansynligt skal ændres i ser således ud:
//The following line is critical for menu operation, and MUST APPEAR ONLY ONCE. If you have more than one menu_array.js file rem out this line in subsequent files
menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt="<script language=javascript>";for(a=1;a<menus.length;a++){mt+=" menu"+a+"=menus["+a+"];"}mt+="<\/script>";_d.write(mt)}
//Please leave the above line intact. The above also needs to be enabled if it not already enabled unless this file is part of a multi pack.
////////////////////////////////////
// Editable properties START here //
////////////////////////////////////
// Special effect string for IE5.5 or above please visit http://www.milonic.co.uk/menu/filters_sample.php for more filters
if(navigator.appVersion.indexOf("MSIE 6.0")>0)
{
effect = "Fade(duration=0.2);Alpha(style=0,opacity=88);Shadow(color='#777777', Direction=135, Strength=5)"
}
else
{
effect = "Shadow(color='#777777', Direction=135, Strength=5)" // Stop IE5.5 bug when using more than one filter
}
timegap=500 // The time delay for menus to remain visible
followspeed=5 // Follow Scrolling speed
followrate=40 // Follow Scrolling Rate
suboffset_top=10; // Sub menu offset Top position
suboffset_left=10; // Sub menu offset Left position
style1=[ // style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
"navy", // Mouse Off Font Color
"ccccff", // Mouse Off Background Color
"ffebdc", // Mouse On Font Color
"4b0082", // Mouse On Background Color
"000000", // Menu Border Color
12, // Font Size in pixels
"normal", // Font Style (italic or normal)
"bold", // Font Weight (bold or normal)
"Verdana, Arial", // Font Name
4, // Menu Item Padding
"arrow.gif", // Sub Menu Image (Leave this blank if not needed)
, // 3D Border & Separator bar
"66ffff", // 3D High Color
"000099", // 3D Low Color
"Purple", // Current Page Item Font Color (leave this blank to disable)
"pink", // Current Page Item Background Color (leave this blank to disable)
"arrowdn.gif", // Top Bar image (Leave this blank to disable)
"ffffff", // Menu Header Font Color (Leave blank if headers are not needed)
"000099", // Menu Header Background Color (Leave blank if headers are not needed)
]
addmenu(menu=[ // This is the array that contains your menu properties and details
"mainmenu", // Menu Name - This is needed in order for the menu to be called
20, // Menu Top - The Top position of the menu in pixels
200, // Menu Left - The Left position of the menu in pixels
, // Menu Width - Menus width in pixels
1, // Menu Border Width
, // Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle"
style1, // Properties Array - this is set higher up, as above
1, // Always Visible - allows the menu item to be visible at all time (1=on/0=off)
"left", // Alignment - sets the menu elements text alignment, values valid here are: left, right or center
effect, // Filter - Text variable for setting transitional effects on menu activation - see above for more info
, // Follow Scrolling - Tells the menu item to follow the user down the screen (visible at all times) (1=on/0=off)
1, // Horizontal Menu - Tells the menu to become horizontal instead of top to bottom style (1=on/0=off)
, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on/0=off)
, // Position of TOP sub image left:center:right
, // Set the Overall Width of Horizontal Menu to 100% and height to the specified amount (Leave blank to disable)
, // Right To Left - Used in Hebrew for example. (1=on/0=off)
, // Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off)
, // ID of the div you want to hide on MouseOver (useful for hiding form elements)
, // Reserved for future use
, // Reserved for future use
, // Reserved for future use
,"Information ","show-menu=Information",,"",1
,"Medarbejdere ","show-menu=Medarbejdere",,"",1
,"Klasser ","show-menu=Klasser",,"",1
,"Aktiviteter ","show-menu=Aktiviteter",,"",1
,"SFO ","show-menu=SFO",,"",1
,"forum ","show-menu=Forum",,"",1
])
addmenu(menu=["Information",
,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Generelt om skolen ","generelt.htm",,,1
,"Brugerinformation","show-menu=brugerinfo",,"",1
,"Kontakt","generelt.htm",,,1
])
addmenu(menu=["brugerinfo",
,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Grundoplysninger","grundoplysninger.htm",,,1
,"Profil","profil.htm",,,1
,"Elverne & lærerne","eleverne_lærerne.htm",,,1
,"Bygninger & lokaler","bygninger_lokaler.htm",,,1
,"Karaktergivning","karaktergivning.htm",,,1
])
addmenu(menu=["Medarbejdere",
,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Læreliste","læreliste.asp",,,1
,"Andet personale","andetpersonale.asp",,,1
])
addmenu(menu=["Klasser",
,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
,"0 klasse","show-menu=0kl",,,0
,"1 klasse","show-menu=1kl",,,0
,"2 klasse","show-menu=2kl",,,0
,"3 klasse","show-menu=3kl",,,0
,"4 klasse","show-menu=4kl",,,0
,"5 klasse","show-menu=5kl",,,0
,"6 klasse","show-menu=6kl",,,0
,"7 klasse","show-menu=7kl",,,0
,"8 klasse","show-menu=8kl",,,0
,"9 klasse","show-menu=9kl",,,0
,"10 klasse","show-menu=10kl",,,0
])
addmenu(menu=["0kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"A","0a.htm",,,
,"B","0b.htm",,,
,"C","0c.htm",,,
])
addmenu(menu=["1kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"A","1a.htm",,,
,"B","1b.htm",,,
,"C","1c.htm",,,
])
addmenu(menu=["2kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"A","2a.htm",,,
,"B","2b.htm",,,
])
addmenu(menu=["3kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"A","3a.htm",,,
])
addmenu(menu=["4kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"A","4a.htm",,,
,"B","4b.htm",,,
])
addmenu(menu=["5kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"A","5a.htm",,,
,"B","5b.htm",,,
])
addmenu(menu=["6kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"A","6a.htm",,,
,"B","6b.htm",,,
])
addmenu(menu=["7kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"A","7a.htm",,,
,"B","7b.htm",,,
])
addmenu(menu=["8kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"A","8a.htm",,,
,"B","8b.htm",,,
])
addmenu(menu=["9kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"A","9a.htm",,,
,"B","9b.htm",,,
])
addmenu(menu=["10kl",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"I","10i.htm",,,
])
addmenu(menu=["Aktiviteter",
,,110,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Aktiviteter","Aktiviteter",,,0
])
addmenu(menu=["SFO",
,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Om SFO","Omsfo.htm",,,1
,"Ansatte","Ansatte.htm",,,1
,"Åbningstider","aabningstider.htm",,,1
,"Aktiviteter","aktivitetersfo.htm",,,1
])
addmenu(menu=["Forum",
,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Elev forum","//forum1/default.asp",,,1
,"Forældre forum","//forum2/default.asp",,,1
])
dumpmenus()
-----------------------------------------------------
Html-dokumentet ser således ud:
<html>
<head>
<title>DHTML Menu Sample</title>
</head>
<body bgcolor=white>
<SCRIPT language=JavaScript src="menu_array.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="mmenu.js" type=text/javascript></SCRIPT>
</body>