Avatar billede mjesec Nybegynder
07. september 2000 - 00:49 Der er 15 kommentarer og
1 løsning

JavaScript Menu

Er der nogen der kan lave den her menu om sådan at link\'s er billede 

her er koden:

<html>
<head>
<title>MENU</title>
<script language=\"JavaScript\" src=\"js/dynlayer.js\"></script>
<script language=\"JavaScript\" src=\"js/list.js\"></script>
<script language=\"JavaScript\" src=\"js/menulist.js\"></script>
<script language=\"JavaScript\">

function init() {
    numbers.activate()
}

function menuListHandler() {
    alert(\'value = \'+this.list.value)
}

numbers = new MenuList(10,10,100,18)
numbers.overOpen = true  // mouse over opens the next menulist

numbers.list.setImage(\'images/list-node0.gif\',\'images/list-node1.gif\',12,18)
numbers.onSelect = menuListHandler  // set a handler to show the value

  numbers.list.add(0,\'&nbsp;billede link 0\')
  numbers.list.add(1,\'&nbsp;billede link 1\')
  numbers.list.add(2,\'&nbsp;billede link 2\')
  numbers.list.add(0,\'&nbsp;billede link 3\')
  numbers.list.add(1,\'&nbsp;billede link 4\')
  numbers.list.add(2,\'&nbsp;billede link 5\')
  numbers.list.add(0,\'&nbsp;billede link 6\')
  numbers.list.add(1,\'&nbsp;billede link 7\')
  numbers.list.add(2,\'&nbsp;billede link 8\')
  numbers.list.add(0,\'&nbsp;billede link 9\')

numbers2 = new MenuList(numbers,2)
numbers2.list.add(0,\'&nbsp;billede link 0\')
numbers2.list.add(1,\'&nbsp;billede link 1\')
numbers2.list.add(2,\'&nbsp;billede link 2\')
numbers2.list.add(3,\'&nbsp;billede link 3\')
numbers2.list.add(4,\'&nbsp;billede link 4\')
numbers2.list.add(5,\'&nbsp;billede link 5\')

  numbers3 = new MenuList(numbers,3)
  numbers3.list.add(0,\'&nbsp;billede link 0\')
  numbers3.list.add(1,\'&nbsp;billede link 1\')
  numbers3.list.add(2,\'&nbsp;billede link 2\')

  numbers4 = new MenuList(numbers,4)
  numbers4.list.add(0,\'&nbsp;billede link 0\')
  numbers4.list.add(1,\'&nbsp;billede link 1\')

numbers5 = new MenuList(numbers,5)
numbers5.list.add(0,\'&nbsp;billede link 0\')
numbers5.list.add(1,\'&nbsp;billede link 1\')
numbers5.list.add(2,\'&nbsp;billede link 2\')


numbers.build()

writeCSS(
numbers.css
)

</script>
</head>

<body bgcolor=\"#ffffff\" onLoad=\"init()\">

<script language=\"JavaScript\">
document.write(numbers.div)
</script>

</body>
</html>
Avatar billede mjesec Nybegynder
07. september 2000 - 07:43 #1
Avatar billede sp Nybegynder
08. september 2000 - 00:58 #2
Løsningen er at erstatte teksten med img-ellementer.

Eks:

numbers.list.add(0,\'&nbsp;<img src=\"images/list-node0.gif\">\')
  numbers.list.add(1,\'&nbsp;<img src=\"images/list-node0.gif\">\')
  numbers.list.add(2,\'&nbsp;<img src=\"images/list-node0.gif\">\')
  numbers.list.add(0,\'&nbsp;<img src=\"images/list-node0.gif\">\')
  numbers.list.add(1,\'&nbsp;<img src=\"images/list-node0.gif\">\')

o.s.v.

Avatar billede sp Nybegynder
08. september 2000 - 01:00 #3
Du kan evt. slette mellemrumstegn:
numbers.list.add(0,\'&nbsp;<img src=\"images/list-node0.gif\">\')

numbers.list.add(0,\'<img src=\"images/list-node0.gif\">\')

vh Søren

Avatar billede mjesec Nybegynder
08. september 2000 - 16:21 #4
mange tak Søren

men jeg vil også have at der skal være billede på den der mouseover hvis du laver det for mig så har du 250 poient og måske mere... :) på forhånd tak!
Avatar billede mjesec Nybegynder
08. september 2000 - 16:23 #5
der er også en menu på www.sportsfan.dk
Avatar billede sp Nybegynder
08. september 2000 - 20:56 #6
Så skal du nok bruge en menu der er bygget anderledes op.
Avatar billede sp Nybegynder
08. september 2000 - 21:48 #7
Det er for stort arbejde at klippe menuen ud. Det har jeg ikke tid til. Du må lede på www.dynamicdrive.com(som også har links til andre steder) for menuen.

vh Søren Peter
Avatar billede el_gnu Nybegynder
09. september 2000 - 21:33 #8
Kunne man ikke bare ind bygge det i billederne - f.eks. sådan her:

  numbers.list.add(0,\'&nbsp;<img src=\"images/list-node0.gif\" onMouseOver=\"this.src=\'musOver.gif\'\" onMouseOut=\"this.src=\'musOut.gif\'\">\')
  numbers.list.add(1,\'&nbsp;<img src=\"images/list-node0.gif\" onMouseOver=\"this.src=\'musOver.gif\'\" onMouseOut=\"this.src=\'musOut.gif\'\">\')
  numbers.list.add(2,\'&nbsp;<img src=\"images/list-node0.gif\" onMouseOver=\"this.src=\'musOver.gif\'\" onMouseOut=\"this.src=\'musOut.gif\'\">\')
  numbers.list.add(0,\'&nbsp;<img src=\"images/list-node0.gif\" onMouseOver=\"this.src=\'musOver.gif\'\" onMouseOut=\"this.src=\'musOut.gif\'\">\')
  numbers.list.add(1,\'&nbsp;<img src=\"images/list-node0.gif\" onMouseOver=\"this.src=\'musOver.gif\'\" onMouseOut=\"this.src=\'musOut.gif\'\">\')

(-: el  Gnu
Avatar billede sp Nybegynder
09. september 2000 - 21:44 #9
Måske, har du testet det???

vh Søren Peter
Avatar billede sp Nybegynder
09. september 2000 - 21:44 #10
Lidt kluntet løsning, men måske går det an...
Avatar billede el_gnu Nybegynder
10. september 2000 - 11:15 #11
hmmm, jeg glemte lige en væsentlig detalje. Her den rettede udgave:

  numbers.list.add(0,\'&nbsp;<img src=\"images/list-node0.gif\" onMouseOver=\"this.src=\\\'musOver.gif\\\'\" onMouseOut=\"this.src=\\\'musOut.gif\\\'\">\')
  numbers.list.add(1,\'&nbsp;<img src=\"images/list-node0.gif\" onMouseOver=\"this.src=\\\'musOver.gif\\\'\" onMouseOut=\"this.src=\\\'musOut.gif\\\'\">\')
  numbers.list.add(2,\'&nbsp;<img src=\"images/list-node0.gif\" onMouseOver=\"this.src=\\\'musOver.gif\\\'\" onMouseOut=\"this.src=\\\'musOut.gif\\\'\">\')
  numbers.list.add(0,\'&nbsp;<img src=\"images/list-node0.gif\" onMouseOver=\"this.src=\\\'musOver.gif\\\'\" onMouseOut=\"this.src=\\\'musOut.gif\\\'\">\')
  numbers.list.add(1,\'&nbsp;<img src=\"images/list-node0.gif\" onMouseOver=\"this.src=\\\'musOver.gif\\\'\" onMouseOut=\"this.src=\\\'musOut.gif\\\'\">\')

Avatar billede hirtshals Nybegynder
12. september 2000 - 09:19 #12
enes >> Hvad er din e-mail adresse
Avatar billede mjesec Nybegynder
12. september 2000 - 14:18 #13
mjesec@sol.dk
Avatar billede hirtshals Nybegynder
12. september 2000 - 14:33 #14
Check din mail
Avatar billede mjesec Nybegynder
13. september 2000 - 02:01 #15
tusind Tak hirtshals for menuen :)

...jeg kom til at slette min mail fra dig af :( vil du ikke sende den igen på enes@web-developer.dk eller mjesec@sol.dk TAK! 
Avatar billede hirtshals Nybegynder
13. september 2000 - 08:26 #16
Mail er sendt afsted 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