Avatar billede cdc Novice
01. marts 2005 - 14:55 Der er 6 kommentarer og
1 løsning

problemer med coolmenu

Har det problem at jeg i selve menubaren vil have baggrunden til at være uden farve så baggrundsbilledet i cellen vises, men det medfører at dropdown layeret også mister sin baggrundsfarve, er der en der kan hitte ud af dette problem.

css ser således ud:
/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:4px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:normal; text-align: LEFT;}
.clLevel0{background-color:#ffffff; layer-background-color:ffffff; color:black;}
.clLevel0over{background-color:#6B6B63; layer-background-color:#6B6B63; color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#7F7F7F; layer-background-color:#7F7F7F;}

en del af javascriptet:
//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width="99"
oCMenu.level[0].height=20
oCMenu.level[0].regClass="clLevel1"
oCMenu.level[0].overClass="clLevel1over"
oCMenu.level[0].borderX=0
oCMenu.level[0].borderY=1
oCMenu.level[0].borderClass="clLevel1border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].rows=0
oCMenu.level[0].arrow=0
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0
oCMenu.level[0].align="bottom"

link til menuen:
http://www.dhtmlcentral.com/projects/coolmenus/examples/table_placement3.html

/cdc
Avatar billede and_ Nybegynder
01. marts 2005 - 16:24 #1
Mener du det lag som fremkommer når du går over et menupunkt?

I så fald skal du definere det på følgende måde pr. niveau:

*Styles for level 0*/
.clLevel1,.clLevel1over{position:absolute; padding:4px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:normal; text-align: LEFT;}
.clLevel1{background-color:#ffffff; layer-background-color:ffffff; color:black;}
.clLevel1over{background-color:#6B6B63; layer-background-color:#6B6B63; color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#7F7F7F; layer-background-color:#7F7F7F;}

en del af javascriptet:
//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level
oCMenu.level[1].width="99"
oCMenu.level[1].height=20
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=0
oCMenu.level[1].borderY=1
oCMenu.level[1].borderClass="clLevel1border"
oCMenu.level[1].offsetX=0
oCMenu.level[1].offsetY=0
oCMenu.level[1].rows=0
oCMenu.level[1].arrow=0
oCMenu.level[1].arrowWidth=0
oCMenu.level[1].arrowHeight=0
oCMenu.level[1].align="bottom"

Bemærk at du i:
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderClass="clLevel1border"

Fortæller hvilke klasder de forskellige menupunkter skal bruge... Kan også bruges til selvfølgelig selv at lave sit stylesheet...

Men i dette tilfælde skal du definere level[0] og level[1]
Avatar billede cdc Novice
01. marts 2005 - 17:00 #2
OK kigger det igennem men så skal man vel et andet sted i javascriptet skrive hvad der skal være level 0 og 1 ? Er det riktig forstået?

/cdc
Avatar billede and_ Nybegynder
01. marts 2005 - 17:05 #3
Pr. nivaue du definere laver du et
//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level

Det er for disse nivauer at du definerer hvordan menuen skal opføre sig
Avatar billede and_ Nybegynder
01. marts 2005 - 17:08 #4
Her bliver 2 levels defineret:

//Level 1's egenskaber
oCMenu.level[0]=new cm_makeLevel()
oCMenu.level[0].width=155 //menuens bredde
oCMenu.level[0].height=20
oCMenu.level[0].regClass="clLevel0"
oCMenu.level[0].overClass="clLevel0over"
oCMenu.level[0].borderX=1
oCMenu.level[0].borderY=1
oCMenu.level[0].borderClass="clLevel0border"
oCMenu.level[0].offsetX=-420
oCMenu.level[0].offsetY=-51
oCMenu.level[0].rows=0
oCMenu.level[0].arrow=0
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0
oCMenu.level[0].align="left"

//Level 2's egenskaber
oCMenu.level[1]=new cm_makeLevel()
oCMenu.level[1].width=155 //Menuens bredde
oCMenu.level[1].height=19
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=1
oCMenu.level[1].borderY=1
oCMenu.level[1].align="left"
oCMenu.level[1].offsetX=(oCMenu.level[1].width * 2) + 3
oCMenu.level[1].offsetY=-1
oCMenu.level[1].borderClass="clLevel1border"

Og her bliver bliver menupunkterne defineret:
oCMenu.makeMenu("top52","","Arrangementer","","","111");
    oCMenu.makeMenu("sub188","top52","Julefrokosten 2004","vis.asp?id=188","main","","");

Bemærk at den nederste har top52 i anden position. Det bruger du til at "koble" menupunkterne sammen, så den ved hvor den skal "droppe-down"
Avatar billede cdc Novice
01. marts 2005 - 19:07 #5
Har ikke set dine kommentarer før nu og ja fant ud af det som du skriver efter din første kommentar, var faktisk nemt når man bliver ført lidt på vej :o)

Smid lige et svar and... og tak for hjælpen

//cdc
Avatar billede and_ Nybegynder
01. marts 2005 - 20:29 #6
svar ;)

coolmenu kan virke uoverskuelig, men er faktisk genialt bygget....
Avatar billede and_ Nybegynder
02. marts 2005 - 13:26 #7
tak for point ;)
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