Avatar billede convinius Nybegynder
13. januar 2002 - 22:34 Der er 15 kommentarer og
1 løsning

Vil selv bestemme hvor jeg vil ligge \"min\" dhtml menu.

Hej,
Jeg sidder og er ved at lave en webside, men jeg vil gerne difinere hvor menuen skal placeres og ikke at den bare skal være i toppen.
Jeg vil gerne have den menu jeg henviser til? tror i det kan lade sig gøre, hvis ikke, hvor kan jeg så få fat på sådan en?


http://www.dynamicdrive.com/dynamicindex1/topmen4/index.htm
Avatar billede callesen Praktikant
13. januar 2002 - 22:45 #1
Så er det nok bedre, at du ikke vælger en topmenu - prøv en af de andre. Hvor skal den evt. ligge - hvor vil du lægge den? Så fik vi også lige klaret forskellen på ligge og lægge.
Avatar billede convinius Nybegynder
13. januar 2002 - 22:46 #2
hehe...jeg vil ligge den i en ramme - jeg vil helst ikke vise websiden endnu. :-)
Avatar billede convinius Nybegynder
13. januar 2002 - 22:47 #3
jamen jeg vil gerne have den skal være emm aflang ...derfor valgte jeg en top menu. Hvad hedder de så...!? hvis den skal være vandret.
Avatar billede callesen Praktikant
13. januar 2002 - 22:53 #4
Slide-menuer er nogle, der kan åbne/lukke. Menuer uden betegnelse er i reglen nogle, der enten kan placeres uden begrænsning eller er nemmere at indstille position og udseende på. Men hvis den skal ligge i en ramme, skal du vel bare vælge en top-menu og placere rammen så det passer - eller hva\'?
Avatar billede convinius Nybegynder
13. januar 2002 - 22:54 #5
hehe....har du icq?
Avatar billede convinius Nybegynder
13. januar 2002 - 22:55 #6
Så skal jeg nok forklare dig hvad der går galt, så kan du også lære af det :-)
Avatar billede callesen Praktikant
13. januar 2002 - 23:07 #7
Nej - jeg har ikke icq, men jeg har et simpelt script med en vandret menubar med undermenuer, der er let at indstille.
Avatar billede convinius Nybegynder
13. januar 2002 - 23:08 #8
uhaa den vil jeg meget gerne have..kan du sende den til mig.
Avatar billede callesen Praktikant
13. januar 2002 - 23:13 #9
Du får den her - den skulle være gennemkommenteret:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>[Ingen titel]</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<style type=\"text/css\">
<!-- a.x:link, a.x:visited, a.x:active{color:#ffffff;text-decoration:none} //-->
</style>

</HEAD>
<body marginheight=\"50\" topmargin=\"50\">
<script language=\"JavaScript\">
<!-- Cross Browser NavBar2 (Not NS6)
if (document.layers||document.all){

MenuTitles=new Array()
SubMenuLinks=new Array()
function Rtrn(c){
if (document.layers) c.bgColor=HighLight;
if (document.all) c.style.background=HighLight;
}
function HghLght(c){
if (document.layers) c.bgColor=MenuBgColor;
if (document.all) c.style.background=MenuBgColor;
}
OpenLayer=(document.layers)?\"<br><layer width=100% onMouseOver=\'HghLght(this)\'; onMouseOut=\'Rtrn(this)\'><center>\":\"<span style=\'width:100%\' onMouseOver=\'HghLght(this)\'; onMouseOut=\'Rtrn(this)\'>\";
CloseLayer=(document.layers)?\'</center></layer>\':\'</span>\';

/*Her indstilles udseendet*/

MenuWidth=120;
MenuFont=\'Verdana,Arial\';
MenuFontSize=2; //kun mellem 1 to 7
SubMenuFontSize=2; //kun mellem 1 to 7

MenuFontColor=\'#ffffff\';
MenuBgColor=\'005eff\';
HighLight=\'0598ff\';
Separater=2;

/*Menu antal - slet eller tilføj*/

MenuTitles[0]=\'Menu 1\';
MenuTitles[1]=\'Menu 2\';
MenuTitles[2]=\'Menu 3\';
MenuTitles[3]=\'Menu 4\';
MenuTitles[4]=\'Menu 5\';


/*Undermenuer. Ændr ikke:  +OpenLayer+\"  eller  \"+CloseLayer
Sådan udfyldes links. Eksempel:
+OpenLayer+\"<a href=\'http://www.google.com\' class=\'x\'>Google</a>\"+CloseLayer
*/

SubMenuLinks[0]=\"\"
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer

SubMenuLinks[1]=\"\"
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer

SubMenuLinks[2]=\"\"
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer

SubMenuLinks[3]=\"\"
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer

SubMenuLinks[4]=\"\"
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer
+OpenLayer+\"<a href=\'#\' class=\'x\'>Your Links</a>\"+CloseLayer

/*Dette bør ikke ændres:*/
MenuAmount=MenuTitles.length;
MenWidth=0;
PageWidth=0;
IniPos=0;
Spacer=0;
aIniPos=0;
aSpacer=0;
function Pos(){
MenWidth=(MenuWidth+Separater)*MenuAmount;
PageWidth=(document.layers)?window.innerWidth/2:document.body.clientWidth/2;
IniPos= PageWidth-MenuWidth-Separater-MenWidth/2;
Spacer=MenuWidth+Separater;
aIniPos= PageWidth-MenuWidth-Separater-MenWidth/2;
aSpacer=MenuWidth+Separater;
if (MenWidth > PageWidth*2){
IniPos=-MenuWidth-Separater;
aIniPos=-MenuWidth-Separater;
}
}
Pos();
if (document.layers){
for (i=0; i < MenuAmount; i++){
document.write(\"<layer name=\'submenu\"+i+\"\' top=0 left=\"+(aIniPos+=aSpacer)+\" \"
+\" width=\"+MenuWidth+\" bgcolor=\"+HighLight+\" visibility=hide\"
+\" onMouseOver=\'this.visibility=\\\"show\\\"; var cd=this.id.length-1; var ab=this.id.charAt(cd); H(ab)\' \"
+\" onMouseOut=\'this.visibility=\\\"hide\\\"; var ef=this.id.length-1; var gh=this.id.charAt(ef); B(gh)\'>\"
+\"<center><font face=\"+MenuFont+\" size=\"+SubMenuFontSize+\">\"
+\"&nbsp;<br>\"+SubMenuLinks[i]+\"<br></font></center></layer>\");
}
for (i=0; i < MenuAmount; i++){
document.write(\"<layer name=\'nsmenu\"+i+\"\' top=0 left=\"+(IniPos+=Spacer)+\" height=0 \"
+\"width=\"+MenuWidth+\" bgcolor=\"+MenuBgColor+\" \"
+\"onMouseOver=\\\"this.bgColor=HighLight; var e=this.id.length-1; var d=this.id.charAt(e); On(d)\\\" \"
+\"onMouseOut=\\\"this.bgColor=MenuBgColor; var e=this.id.length-1; var d=this.id.charAt(e); Off(d)\\\">\"
+\"<center><font face=\"+MenuFont+\" size=\"+MenuFontSize+\" color=\"+MenuFontColor+\">\"
+MenuTitles[i]+\"</font></center></layer>\");                                     
}
function On(x){
for (i=0; i < MenuAmount; i++){
document.layers[\'submenu\'+x].visibility=\'show\';
}
}
function Off(x){
for (i=0; i < MenuAmount; i++){
document.layers[\'submenu\'+x].visibility=\'hide\';
}
}
function B(y){
for (i=0; i < MenuAmount; i++){
document.layers[\'nsmenu\'+y].bgColor=MenuBgColor;
}
}
function H(y){
for (i=0; i < MenuAmount; i++){
document.layers[\'nsmenu\'+y].bgColor=HighLight;
}
}
}
if (document.all){
for (i=0; i < MenuAmount; i++){
document.write(\"<div id=\'sub\"+i+\"\' style=\'position:absolute;\"
+\"top:100px;\"
+\"left:\"+(aIniPos+=aSpacer)+\";\"
+\"height:0px;\"
+\"width:\"+MenuWidth+\";\"
+\"background:\"+HighLight+\";\"
+\"visibility:hidden\'\"
+\" onMouseOver=\'this.style.visibility=\\\"visible\\\";\"
+\" document.all[\\\"headers\"+i+\"\\\"].style.background=HighLight\';\"
+\" onMouseOut=\'this.style.visibility=\\\"hidden\\\";\"
+\" document.all[\\\"headers\"+i+\"\\\"].style.background=MenuBgColor\'>\"
+\"<center><font face=\"+MenuFont+\" size=\"+SubMenuFontSize+\">\"
+\"&nbsp;<br>&nbsp;<br>\"+SubMenuLinks[i]+\"</font></center></div>\");
}
for (i=0; i < MenuAmount; i++){
document.write(\"<div id=\'headers\"+i+\"\' style=\'position:absolute;\" 
+\"top:100px;\"
+\"left:\"+(IniPos+=Spacer)+\";\"
+\"height:0px;\"
+\"width:\"+MenuWidth+\";\"
+\"background:\"+MenuBgColor+\";\"
+\"cursor:default;\"
+\"padding:0px\'\"
+\" onMouseOver=\'document.all[\\\"sub\"+i+\"\\\"].style.visibility=\\\"visible\\\";\"
+\" this.style.background=HighLight\'\"
+\" onMouseOut=\'document.all[\\\"sub\"+i+\"\\\"].style.visibility=\\\"hidden\\\";\"
+\" this.style.background=MenuBgColor\'>\"
+\"<center><font face=\"+MenuFont+\" size=\"+MenuFontSize+\" color=\"+MenuFontColor+\">\"
+MenuTitles[i]+\"</font></center></div>\");
}
}
function Scroll(){
for (i=0; i < MenuAmount; i++){
if (document.layers){
document.layers[\'nsmenu\'+i].top=window.pageYOffset;
document.layers[\'submenu\'+i].top=window.pageYOffset;
}
/*Her indstilles afstand fra top og undermenuerne afstand hvis den skal være i top sæt 100 til 0*/
if (document.all){
document.all[\'headers\'+i].style.top=100+document.body.scrollTop;
document.all[\'sub\'+i].style.top=100+document.body.scrollTop;
}
}
setTimeout(\'Scroll()\',150)
}
Scroll();
window.onresize=new Function(\"window.location.reload()\");
}
//-->
</script>

</BODY>
</HTML>
Avatar billede convinius Nybegynder
13. januar 2002 - 23:15 #10
takker.. eg tester dne lige :-)
Avatar billede lokum Nybegynder
14. januar 2002 - 00:19 #11
- et simpelt script... #GGG#
Avatar billede convinius Nybegynder
14. januar 2002 - 00:34 #12
hoho...nej simpelt er det sgu ike :-)
Avatar billede callesen Praktikant
14. januar 2002 - 11:01 #13
OK - men så i forhold til mange andre regulerbare crossbrowser-menuscript da. ;-)
Avatar billede convinius Nybegynder
15. januar 2002 - 00:01 #14
hmm jeg har prøvet de sidste 15 min at tilpasse den. Men den er sgu yderst vanskelig.
Jeg har kunne placere den lige i den højde jeg ville have...hvilket er fint nok. men den skal lidt til venstre? hvordan gøres det. Og jeg har et layer på siden ...som kommer i konflikt med menuen tror jeg. Kan man bestemme hvilket layer der skal være øverst og nederst?
Avatar billede convinius Nybegynder
15. januar 2002 - 00:02 #15
er der virkelig ikke en der er lettere...og en man sætter i en tabel istedet for de der man selv skal styre  :-)
Avatar billede convinius Nybegynder
15. januar 2002 - 00:40 #16
okay jeg har løst problemet helt selv....ellers tak. jeg har brugt en fra dynamic drive. hvor der stod hvordan man kunne tilpasse den,  :-)
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