Avatar billede boris16 Nybegynder
09. oktober 2001 - 12:46 Der er 8 kommentarer og
3 løsninger

Javascript menu\'er

Hvordan laver jeg en javescript eller java-applet menu.. i må gerne gi\' mig et link eller navnet på en menu generator...
Avatar billede raveduck Nybegynder
09. oktober 2001 - 12:47 #1
Kan du ikke give en nærmere beskrivelse?
Menu, er et meget vidt begreb!
- tror nok jeg kender nogle steder.
mvh
Simon
Avatar billede raveduck Nybegynder
09. oktober 2001 - 12:50 #2
www.rgb.dk/nycopy er der nogle java-applets.
Hvis du går ind under den menu, er en slags \"undermenu\", som hedder navigation.
Der er der et par menuer, som du både kan prøve, og bruge - håber jeg.
mvh
Simon
Avatar billede jakoba Nybegynder
09. oktober 2001 - 12:54 #3
Du kan ginde gode javascript menuer hos bratta i:
http://www.dhtmlcentral.com/
Avatar billede jakoba Nybegynder
09. oktober 2001 - 12:55 #4
Ups.  ginde -> finde
Avatar billede NanoQ Nybegynder
09. oktober 2001 - 12:58 #5
Javascript drop down menu-generator: http://javascript.internet.com/generators/drop-down-menu.html

NanoQ
Avatar billede boris16 Nybegynder
09. oktober 2001 - 13:22 #7
det ser rigtig godt, men ved så også hvordan jeg sætter java koden ind i html...

P.S. Jeg arbejder i Adobe GoLive 5.0
Avatar billede Slettet bruger
09. oktober 2001 - 15:18 #8
Nogle af nettets bedste JavaScript menuer findes på http://www.dynamicdrive.com/dynamicindex1/index.html
De fleste af dem er desuden cross-browser, d.v.s. at de virker både i NS og IE.
For at sætte noget JavaScript ind i et HTML dokument copy/paster du normalt bare koden indenfor <script>-tagsene og sætter det i <head>. Men i mange menuer er der også nogle flere finesser at tage højde for. Nogle gange skal du inkludere en ekstern js-fil, nogle gange skal du sætte noget i <body onLoad>, etc. Men på DynamicDrive er det meste godt beskrevet!
Avatar billede boris16 Nybegynder
11. oktober 2001 - 11:43 #9
Phoenixv:
Nu har jeg lavet en menu, men hvordan centrere jeg den, altså så den står midt i browseren ???

Her er mit Script:

<script language=\"JavaScript\" src=\"navcond.js\"></script>
<script language=\"JavaScript\">

var myNavBar1 = new NavBar(0);
var dhtmlMenu;

//define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels)
//add more menus simply by adding more \"blocks\" of same code below

dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new NavBarMenuItem(\"Home\", \"index.html\"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem(\"Product\", \"\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"TopScore 700\", \"products/ts700.html\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"TopScore 500\", \"products/ts500.html\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Loc\", \"products/loc.html\"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(110, 120);
dhtmlMenu.addItem(new NavBarMenuItem(\"Service\", \"\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"News.com\", \"http://www.news.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Techweb\", \"http://www.techweb.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Wired\", \"http://www.wired.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Dynamic Drive\", \"http://www.dynamicdrive.com\"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(150, 150);
dhtmlMenu.addItem(new NavBarMenuItem(\"About DeskPro\", \"\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Yahoo\", \"http://www.yahoo.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Alta Vista\", \"http://www.altavista.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Infoseek\", \"http://www.infoseek.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Excite\", \"http://www.excite.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"HotBot\", \"http://www.hotbot.com\"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem(\"Contact\", \"\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Dynamic Drive\", \"http://dynamicdrive.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Website Abstraction\", \"http://wsabstract.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Freewarejava.com\", \"http://freewarejava.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"BrainJar\", \"http://brainjar.com\"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(150, 150);
dhtmlMenu.addItem(new NavBarMenuItem(\"Where to find?\", \"\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Dynamic Drive\", \"http://dynamicdrive.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Website Abstraction\", \"http://wsabstract.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"Freewarejava.com\", \"http://freewarejava.com\"));
dhtmlMenu.addItem(new NavBarMenuItem(\"BrainJar\", \"http://brainjar.com\"));
myNavBar1.addMenu(dhtmlMenu);

//set menu colors
myNavBar1.setColors(\"#000000\", \"#FFFFFF\", \"#000000\", \"#FFFFFF\", \"#000080\", \"#FFFFFF\", \"#000000\", \"#FFFFFF\", \"#000080\")

//uncomment below line to center the menu (valid values are \"left\", \"center\", and \"right\"
//myNavBar1.setAlign(\"center\")

var fullWidth;

function init() {

  // Get width of window, need to account for scrollbar width in Netscape.

  fullWidth = getWindowWidth()
    - (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

  myNavBar1.resize;
  myNavBar1.create();
  myNavBar1.setzIndex(2);
}
</script>

Avatar billede Slettet bruger
11. oktober 2001 - 18:51 #10
Det er straks meget mere kompliceret! Så let er det ikke med scripting, da der skal en hel del manipulering med positioner o.s.v. til. Så med mindre du får en til at kigge hele koden igennem og omskrive den fuldstændig, så bliver det ret svært. Jeg tror i hvert fald ikke, jeg ville kunne det! :-(
Avatar billede jakoba Nybegynder
11. oktober 2001 - 19:04 #11
Øh... er det ikke disse to linier vi skal kikke på (ca nr 15 linie fra bunden)

//uncomment below line to center the menu (valid values are \"left\", \"center\", and \"right\"
//myNavBar1.setAlign(\"center\")

og så fjerne kommentar tegnene for at centrere:

//uncomment below line to center the menu (valid values are \"left\", \"center\", and \"right\"
myNavBar1.setAlign(\"center\")

mvh JakobA
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