Avatar billede nielle Nybegynder
11. december 2003 - 16:36 Der er 9 kommentarer og
1 løsning

"Rigtig menu" med JavaScript

Hej,

Jeg har brug for en menu som funger på samme måde som en almindelig menu i toppen af f.eks. Word:

Når man trykker på menupunktet kommer der en popup-menu frem (den behøver ikke at rulle ned).

Når man trykker på et af menupunkterne i denne, så kommer der en ny popup-menu op ved siden af den anden. Placeringsmæssigt skal den være forskudt i forhold til den første sådan at den ligger lige ved siden af og har sin top ud for det klikkede punkt.

Disse popup’er skal  endvidere være tilpasset til teksten i menupunkterne - de skal være netop så brede og så høje at menupunkterne alle sammen kan være der.

Jeg kan finde masse af menuer på nettet, men disse fungere alle sammen ved at menu’en indgår som en del af selve siden. Det skal jeg ikke have, jeg skal bruge en popup-løsning.

Håber at det er forklarende nok? Ellers må I jo sige til.
Avatar billede nielle Nybegynder
11. december 2003 - 17:01 #2
Det skal måske lige nævnes at menuen skal kunne genereres runtime på baggrund af en database.

Jeg kan ikke bruge en løsning som gemmes i en masse js-filer hvorefter det hele uploades.

Det ville derfor være ideelt at have en js-bibliotek med et par funktionskald, som jeg kan bruge til at opbygge menuen med efterhånden som at jeg løber databasen igennem.

Noget i stil med at jeg kan skrive:

var menu1 = new Menu();

menu1.submenu(”Punkt 1”);
var submenu2 = menu1.submenu(”Punkt 2”);
menu1.submenu(”Punkt 3”);

submenu2.submenu(”Under punkt 2.1”);
submenu2.submenu(”Under punkt 2.2”);
submenu2.submenu(”Under punkt 2.3”);

Desuden ville det være dejligt hvis den understøttede at man kunne indsætte billeder som en del af menuen, sådan at jeg kunne inkludere thumbnails.

Jeg skal endvidere kunne indsætte mange *forskellige* sådanne menuer på en enkelt side. Jeg skal bruge det i forbindelse med en web-shop hvor hvert produkt på en given side skal have en lille menu (hvori man kan browse imellem forskellige variationer på produket).
Avatar billede bamzen Nybegynder
11. december 2003 - 19:43 #3
coolmenus som tidligere nævnt er nok noget af det bedste du kan få til formålet......  den er desuden ret let at fodre fra en database
Avatar billede nielle Nybegynder
15. december 2003 - 18:21 #4
Nu har jeg så besluttet mig at satse på CoolMenu som kommer med mange gode anbefalinger. Det ser da også lovende ud, men desværre er jeg løbet ind i et problem:

http://www.acomma.com/kunder/office/nkh_demo2.asp

Som man kan se så har jeg lidt besvær med det 3. niveau.

Jeg har taget udgangspunkt i CoolMenu’s eget eksempel:

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

- men dette er ikke til megen hjælp eftersom at eksempel-menuen her kun har 2 niveauer.

Hvordan får jeg det 3. niveau ned på plads?
Avatar billede nielle Nybegynder
22. januar 2004 - 21:04 #5
Nogen som lægger et svar?

Jeg har godt nok ikke anvendt Coolmenu eftersom at jeg ikke kunne få den til at ligge der hvor at jeg ville have den (når der samtidigt skulle være mere end 2 niveauer). Men det ser da ud til at den måske kunne bruges, men nu er det for sent.
Avatar billede roenving Novice
24. januar 2004 - 21:27 #6
Hvem og hvorfor ?-)
Avatar billede nielle Nybegynder
24. januar 2004 - 21:37 #7
roenving -> Dig. Du gav trods alt et svar på mit originale spørgsmål - det er ikke din skyld at jeg havde nogle ekstra krav. Så jeg synes da ikke at jeg bare kan tillade mig at lukke og tage alle points selv.
Avatar billede roenving Novice
24. januar 2004 - 22:28 #8
Oki '-)
Avatar billede roenving Novice
17. april 2005 - 01:46 #9
Tak for point ;~}
Avatar billede nielle Nybegynder
17. april 2005 - 10:14 #10
Rødme. Du havde næsten fortjent at få renter oveni! ;^)
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