Avatar billede Slettet bruger
02. marts 2005 - 09:18 Der er 2 kommentarer og
1 løsning

Hjælp til foldeudmenu

Jeg vil gerne have hjælp til dette script, så menuen bliver en foldeudmenu.

Undermenuer (submenu)foldes ud ved mouseover

...........................
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Untitled</title>
</head>

<body>
<script language="javascript" type="text/javascript">
  function flipbg(element,mode)
  {
    if (mode=="in")
    {
      cursortype = 'hand'
      colorval = '#B21C00'
    }
    else if (mode=="out")
    {
      cursortype = ''
      colorval = '#DA310D'
    }
    element.style.backgroundColor=colorval;
    element.style.cursor=cursortype;
  }
</script>

<table bgcolor='#DA310D'  border='0' cellpadding='0' cellspacing='0' width='150'>
  <tr><td>&nbsp;</td></tr>
  <tr><td align='left' bgcolor='#B21C00'><div class='menuheader'>&nbsp;<b>Menu 1</b></div></td></tr>
  <tr><td onmouseover='flipbg(this,"in");' onmouseout='flipbg(this,"out");' align='left' onclick="location.href='enSide.htm'">&nbsp;&nbsp;menu 1.1</td></tr>
  <tr><td onmouseover='flipbg(this,"in");' onmouseout='flipbg(this,"out");' align='left' onclick="location.href='enSide.htm'">&nbsp;&nbsp;menu 1.2</td></tr>
  <tr><td onmouseover='flipbg(this,"in");' onmouseout='flipbg(this,"out");' align='left' onclick="location.href='enSide.htm'">&nbsp;&nbsp;&nbsp;&nbsp;submenu 1.2.1</td></tr>
  <tr><td onmouseover='flipbg(this,"in");' onmouseout='flipbg(this,"out");' align='left' onclick="location.href='enSide.htm'">&nbsp;&nbsp;&nbsp;&nbsp;submenu 1.2.2</td></tr>
  <tr><td onmouseover='flipbg(this,"in");' onmouseout='flipbg(this,"out");' align='left' onclick="location.href='enSide.htm'">&nbsp;&nbsp;menu 1.3</td></tr>


  <tr><td>&nbsp;</td></tr>
  <tr><td align='left' bgcolor='#B21C00'><div class='menuheader'>&nbsp;<b>Menu 2</b></div></td></tr>
  <tr><td onmouseover='flipbg(this,"in");' onmouseout='flipbg(this,"out");' align='left'>&nbsp;&nbsp;<a title='menu 1' class='mainmenu' href='/default.asp?page=4'>menu 2.1</a></td></tr>
  <tr><td onmouseover='flipbg(this,"in");' onmouseout='flipbg(this,"out");' align='left'>&nbsp;&nbsp;<a title='mwnu 2' class='mainmenu' href='/default.asp?page=5'>menu 2.2</a></td></tr>
  <tr><td onmouseover='flipbg(this,"in");' onmouseout='flipbg(this,"out");' align='left'>&nbsp;&nbsp;<a title='menu 3' class='mainmenu' href='/default.asp?page=6'>menu 2.3</a></td></tr>
</table>
</body>
</html>
Avatar billede roenving Novice
02. marts 2005 - 12:40 #1
cursor er ikke en værdi, som skal sættes til noget ved mouseover, og fjernes ved mouseout, da en cursor på et elemnet i forvejen kun virker ved mouseover ...

-- desuden hedder det cursor:pointer; og ikke hand (som dog er det eneste, der virker i ældre IE'er -- 5.5 og ned !-)

-- hvis du alligevel har det på hver sin række, kan du jo vælge at vise og skjule rækkerne onmouseover !o]
Avatar billede Slettet bruger
02. marts 2005 - 14:48 #2
Ja det skal nok passe, som altid tror jeg på hvad du skriver.
Nu er det ikke noget jeg har lavet, (fundet her på exp)
Det fattede min interesse, og derfor forsøgte jeg om jeg kunne få en kodestump.
Man skulle her på exp. have et mærke eller lign. man kunne sætte på sine spm. når man er novice etc.

Det må være dette afsnit det drejer sig om

<tr><td onmouseover='flipbg(this,"in");' onmouseout='flipbg(this,"out");' align='left' onclick="location.href='enSide.htm'">&nbsp;&nbsp;&nbsp;&nbsp;submenu 1.2.1</td></tr>

så det må jeg lige have skåret til
Avatar billede Slettet bruger
04. marts 2005 - 11:39 #3
:-(
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