Avatar billede susy Nybegynder
30. august 2002 - 11:39 Der er 34 kommentarer og
1 løsning

Menu i java script

Hej,
jeg er i gang foir første gang med at lave en hjemmeside og måske er det et dumt spørgsmål men jehg har brug for hjælp :-)
jeg har hentet en smart menu fra bratt.com og jeg vil have den til at stå på en top frame. Problemet er at der også skal står firmanavn (og logoen) for firmaet, men jeg kan kan ikke får den til at stå øverst på menuen men kun nederst.  Firmaet navn er ind i et tabel. Hvor skal jeg placere min tabel henne ??? Menuen har jeg placeret efter min body tag !!!

Jeg kan virkelig brug hjlæp her !!! kvinder og programmering hænger maske ikke sammen :-(

Tak for svar

Susy
Avatar billede nikolajdu Nybegynder
30. august 2002 - 11:51 #1
Der findes da også gode kvindelige programmører :))

Anyway så skal vi se noget kode eller ihvertilfald et link til menuen.

/Nikolaj

P.s. Og så mener du vidst www.bratta.com - Som er flyttet til : www.dhtmlcentral.com/
Avatar billede danielks Nybegynder
30. august 2002 - 11:53 #2
Du skal sætte den ind sådan...

<table>
<tr>
<td>Firma ting</td>
</tr>

<tr>
<td>menu</td>
</tr>
</table>

(Kvinder kan altså godt)
Avatar billede bamzen Nybegynder
30. august 2002 - 12:09 #3
hvilken en af menuerne???

coolmenus???

i så fald, version 3 eller 4?
Avatar billede susy Nybegynder
30. august 2002 - 12:10 #4
Her er koden :-) firmanavn er kun til test ...
skal selvfølgelig fordedres men ... jeg vil have menu under firmanavn .. tak for hjælpen og ja kvinder kan godt :-) når de har lært det måske er vi mindre tålmodige :-)


<html>

<head>
<title>Top</title>
<link rel="stylesheet" href="../Website/website.css" type="text/css">
</head>

<body style="background-color:#c4d9ed;">
<table border="0" width=100% height=100% cellspacing="5" cellpadding="3">
<tr>
    <td valign="right"><h2 style="font-size:20pt">Firmanavn </h2></td>
</tr>
  </table>
</body>

<style>

/* MENU */
/*Style for the background-bar*/
.cl2Bar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}

/*Styles for level 0*/
.cl2Level0,.cl2Level0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
.cl2Level0{background-color:Navy; layer-background-color:Navy; color:white;}
.cl2Level0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
.cl2Level0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

/*Styles for level 1*/
.cl2Level1, .cl2Level1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
.cl2Level1{background-color:Navy; layer-background-color:Navy; color:white;}
.cl2Level1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
.cl2Level1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
 

</style>
<script language="JavaScript1.2" src="coolmenus4.js">
/*****************************************************************************
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)

DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
Version 4.0_beta
This script can be used freely as long as all copyright messages are
intact.

Extra info - Coolmenus reference/help - Extra links to help files ****
CSS help: http://192.168.1.31/projects/coolmenus/reference.asp?m=37
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
******************************************************************************/
</script>
<script language="JavaScript1.2" src="cm_addins.js"></script>
</head>

<script>

/******************* MENU **********************************/



/***
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/

//Menu object creation
oCMenu2=new makeCM("oCMenu2") //Making the menu object. Argument: menuname

//Menu properties 
oCMenu2.pxBetween=30
oCMenu2.fromLeft=20
oCMenu2.fromTop=0 
oCMenu2.rows=1
oCMenu2.menuPlacement="center"
                                                           
oCMenu2.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/"
oCMenu2.onlineRoot="/coolmenus/"
oCMenu2.resizeCheck=1
oCMenu2.wait=1000
oCMenu2.fillImg="cm_fill.gif"
oCMenu2.zIndex=0

//Background bar properties
oCMenu2.useBar=1
oCMenu2.barWidth="100%"
oCMenu2.barHeight="menu"
oCMenu2.barClass="cl2Bar"
oCMenu2.barX=0
oCMenu2.barY=0
oCMenu2.barBorderX=0
oCMenu2.barBorderY=0
oCMenu2.barBorderClass=""

//Level properties - ALL properties have to be spesified in level 0
oCMenu2.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu2.level[0].width=110
oCMenu2.level[0].height=25
oCMenu2.level[0].regClass="cl2Level0"
oCMenu2.level[0].overClass="cl2Level0over"
oCMenu2.level[0].borderX=1
oCMenu2.level[0].borderY=1
oCMenu2.level[0].borderClass="cl2Level0border"
oCMenu2.level[0].offsetX=0
oCMenu2.level[0].offsetY=0
oCMenu2.level[0].rows=0
oCMenu2.level[0].arrow=0
oCMenu2.level[0].arrowWidth=0
oCMenu2.level[0].arrowHeight=0
oCMenu2.level[0].align="bottom"


//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
oCMenu2.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu2.level[1].width=oCMenu2.level[0].width-2
oCMenu2.level[1].height=22
oCMenu2.level[1].regClass="cl2Level1"
oCMenu2.level[1].overClass="cl2Level1over"
oCMenu2.level[1].borderX=1
oCMenu2.level[1].borderY=1
oCMenu2.level[1].align="right"
oCMenu2.level[1].offsetX=-(oCMenu2.level[0].width-2)/2+20
oCMenu2.level[1].offsetY=0
oCMenu2.level[1].borderClass="cl2Level1border"


/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
*************************************/
oCMenu2.makeMenu('top0','','&nbsp;Home','example2.html','')
oCMenu2.makeMenu('sub09','top0','About us','/scripts/index.asp?show=new')

   
oCMenu2.makeMenu('top1','','&nbsp;Fleet','/scripts/index.asp')
    oCMenu2.makeMenu('sub10','top1','Grand Soleil 34.1','/scripts/index.asp?show=all')
    oCMenu2.makeMenu('sub11','top1','Grand Soleil 37','/scripts/index.asp?show=all')
    oCMenu2.makeMenu('sub12','top1','Grand Soleil 40','/scripts/index.asp?show=pop')
    oCMenu2.makeMenu('sub13','top1','Comet 420* ST','/scripts/index.asp?show=pop')
   
oCMenu2.makeMenu('top2','','&nbsp;Prices','/articles/index.asp')


oCMenu2.makeMenu('top3','','&nbsp;On-line booking','/articles/index.asp')



//Leave this line - it constructs the menu
oCMenu2.construct()       
</SCRIPT>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></BODY></HTML>

</html>
Avatar billede nikolajdu Nybegynder
30. august 2002 - 12:13 #5
Vi mangler stadigt den her : cm_addins.js

/Nikolaj
Avatar billede susy Nybegynder
30. august 2002 - 12:13 #6
Version 4 ...
jeg har loge opdaget at jeg ikke har brugt den med frames og det skal jeg vist bruge ...
Avatar billede bamzen Nybegynder
30. august 2002 - 12:15 #7
du har flere muligheder,,,, enten skal du rette følgende linie (brug søg og erstat)

oCMenu2.fromTop=0

oCMenu2.fromTop=30 // eller whatever vaerdi


eller prøv at ændre:

oCMenu2.menuPlacement="center"

til

oCMenu2.menuPlacement="bottomcenter"
Avatar billede bamzen Nybegynder
30. august 2002 - 12:17 #8
glem lige den cm_addins.js

du har ikke umiddelbart brug for den.... og dog, det kan ske du har med frames versionen....

Jeg har dog oplevet nogle problemer med cm_addins.js, men det var også i et lidt specielt projekt, så det kan godt ske det bare funker for dig....

HUSK det er en beta!
Avatar billede bamzen Nybegynder
30. august 2002 - 12:19 #9
Har du flere problemer, spørg løs....
Jeg er ved at have rimeligt tjek på både v3 og v4

Har dog ikke leget med v4-frames versionen endnu... men det burde være til at finde ud af

/Martin
Avatar billede susy Nybegynder
30. august 2002 - 12:23 #10
oCMenu2.menuPlacement="bottomcenter" virker :-) tak
men den background forblive øverst jeg skal vist finde den og ændre den på sammen måde ..
Avatar billede bamzen Nybegynder
30. august 2002 - 12:27 #11
prøv at ændre

oCMenu2.barX=0
oCMenu2.barY=0

til

oCMenu2.barX=oCMenu2.x
oCMenu2.barY=oCMenu2.y

måske virker det så slet ikke, vend tilbage og jeg prøver at finde ud af hvorfor om lidt..... (er på kundebesøg og har en deadline)
Avatar billede susy Nybegynder
30. august 2002 - 12:38 #12
Det virker fakstsk hatte og briller lige nu ... menu vender opad og backgroundbaren spadser rundt på framet :-) det er virkelig en smart menu nu ...
hva mener du med husk at det er en beta ???
Avatar billede bamzen Nybegynder
30. august 2002 - 12:41 #13
beta = ikke færdig kode.... (formodentlig færdig, men indeholder sansynligvis en eller mange fejl)
Avatar billede bamzen Nybegynder
30. august 2002 - 12:46 #14
prøv at ret det med oCMenu2.barX og Y til

oCMenu2.barX = "menu"
oCMenu2.barY = "menu"
Avatar billede bamzen Nybegynder
30. august 2002 - 12:53 #15
og vend lige tilbage med en status, om det virker og sån.....
Avatar billede susy Nybegynder
30. august 2002 - 13:01 #16
jeg rpøver nu .. jeg har bare været nødt til at af genstarte maskinen på grund af de der frame version 4 som har fryset min maskinen ... nu ved jeg hvad en beta version er :-)
Avatar billede susy Nybegynder
30. august 2002 - 13:06 #17
DONE !! nu flyver backgroundbaren ikke mere rundt og det er nesten på samme niveau som menuen men ikke helt (bare lidt længere ned faktisk) .. forstår ikke hvorfor .. Kan man stadig downloade V3 med frames hvis det er mere stabil end V4 ??
Avatar billede bamzen Nybegynder
30. august 2002 - 13:13 #18
jeg har ikke prøvet v4 med frames, men v3 er rimeligt stabil.... den har dog en lille sjovhed med frames...

når man er gået over hovedmenupunkt 1, den har foldet sig ud,,, men man vælger at klikke på hovedmenupunktet, så efter den har loaded siden vil undermenupunkterne til denne ikke folde sig ud, før man har haft musen over et af de andre hoveddokumenter...

lidt forvirrende at forklare.... håber du forstår ;-)
Avatar billede bamzen Nybegynder
30. august 2002 - 13:14 #19
www.hkhk.dk (et af de sites jeg har bygget, men ikke designet), bruger v3 og frames....
Avatar billede danielks Nybegynder
30. august 2002 - 13:19 #20
Svin ikke at give mig point (jeg kom med svaret først)
Avatar billede nikolajdu Nybegynder
30. august 2002 - 13:21 #21
danielks - Så så. Styr lige sproget...
Avatar billede susy Nybegynder
30. august 2002 - 13:22 #22
fed menu du har bygget :-) kan man så også downloade V3 fra dhtml.com V4???
Avatar billede bamzen Nybegynder
30. august 2002 - 13:27 #23
ja, fra www.dhtmlcentral.com er der et link til coolmenus v3

og danielks: dit svar kunne benyttes, men relativ positionering er ikke altid lige godt.... netscape bryder sig ikke om det.....

Den anden positionering er bedre, og i teorien mere korrekt....

/Martin
Avatar billede bamzen Nybegynder
30. august 2002 - 13:30 #24
den anden positionering, (script mæssige positionering som jeg havde skrevet)

desuden må du have gættet at det var v4 der blev brugt, da v3 ikke kunne positioneres ordentligt ved hjælp af en tabel

;-)
Avatar billede susy Nybegynder
30. august 2002 - 13:30 #25
I snakker om at få point men min backgroundbar står stadig ikke på samme niveau som menu !!! det er bamzen der har hjulpet :-)
Avatar billede bamzen Nybegynder
30. august 2002 - 13:35 #26
Du har sat borders på de enkelte menu punkter men ikke på din menu background bar
Avatar billede bamzen Nybegynder
30. august 2002 - 13:36 #27
bare sådan lidt for sjov....

http://www.eksperten.dk/spm/251706
Avatar billede susy Nybegynder
30. august 2002 - 13:48 #28
Så vidt jeg kan se det kan heller ikke positioneres ordentligt med V4 med en tabel ....
Skal jeg så kalde dig Mr. Coolmenus? :-)

Har downloaded V3 og prøver at se om jeg kan få det til at virke ... men hvad er løsning for at få menu og backgroundbar til at overlappe hinanden ???
Avatar billede bamzen Nybegynder
30. august 2002 - 14:18 #29
Hvad mener du???? har du en grafik fil du kan smide på nettet så jeg kan se hvad du vil??

og nej, du må kalde mig NÆSTEN hvad du vil, men du behøver skam ikke ;-)

/Martin
Avatar billede susy Nybegynder
30. august 2002 - 14:29 #30
Ya
jeg har men du skal vente et øjeblik så lægger jeg på nettet mine filer og giver dig adressen ok???
Avatar billede bamzen Nybegynder
30. august 2002 - 14:34 #31
BTW, så er det ikke sikkert jeg når at svare mere i dag,,,, skal gå om 40 minutter, og må hellere nå min deadline
Avatar billede susy Nybegynder
30. august 2002 - 14:41 #32
undksyld DONE :-) hvis du ikke har tid gør ikke noget ....
http://orac.eng.cse.dmu.ac.uk:7777/nb01eh/website/default.html
Avatar billede susy Nybegynder
02. september 2002 - 11:54 #33
Hej bamzen
jeg ville bare sige at det er fint nu :-)
tak for hjælpen :-)
fik du pointene??
susy
Avatar billede bamzen Nybegynder
02. september 2002 - 12:02 #34
Yup, jeg fik pointene, og takker og bukker ;-)

Kunne ikke se dit site... for wierd en port ;-)
Avatar billede susy Nybegynder
02. september 2002 - 12:55 #35
Jeg har brugt oCMenu2.fromTop=30 // eller whatever vaerdi
til at løse problemet men det nye ligger ikke på serveren ...
men kun lokalt :-)
Tak for hjælpen igen :-)
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