 | |
| postal07 | Jul 2nd, 2009 6:41 pm | |
| mouseover Dropdown Menu
Been trying to get a mouseover dropdown menu to work when I copy and paste the code all I get is the code where the buttons should be.When it does work I go to preview I get script errors.I am new to this html thing I am using frontpage 2002.This is the code I am trying to use and putting it in the body.I am changing the ahref with my stuff. Thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<LINK REL="StyleSheet" HREF="menu.css">
<script language="javascript" src="menu.js"></script>
</head>
<body>
<h1 align="center">Main Heading</h1>
<table class="navbar" width="800">
<tr>
<td class="menuNormal" width="160" onmouseover="expand(this);"
onmouseout="collapse(this);">
<p>Menu 1</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 1</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 2</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 3</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 4</a>
</td></tr>
</table>
</div>
</td>
<td class="menuNormal" width="160" onmouseover="expand(this);"
onmouseout="collapse(this);">
<p>Menu 2</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 1</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 2</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 3</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 4</a>
</td></tr>
</table>
</div>
</td>
<td class="menuNormal" width="160" onmouseover="expand(this);"
onmouseout="collapse(this);">
<p>Menu 3</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 1</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 2</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 3</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 4</a>
</td></tr>
</table>
</div>
</td>
<td class="menuNormal" width="160" onmouseover="expand(this);"
onmouseout="collapse(this);">
<p>Menu 4</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 1</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 2</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 3</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 4</a>
</td></tr>
</table>
</div>
</td>
<td class="menuNormal" width="160" onmouseover="expand(this);"
onmouseout="collapse(this);">
<p>Menu 5</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 1</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 2</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 3</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 4</a>
</td></tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html> |
| PsychicTide | Jul 2nd, 2009 6:45 pm | |
| Re: mouseover Dropdown Menu
. |
| PsychicTide | Jul 2nd, 2009 9:20 pm | |
| Re: mouseover Dropdown Menu
I'm seeing where you classified what tr's will be displayed, but can you show me what script your using (menu.js) and any css you might be using?
My last post I can't seem to erase...
This may be something to check out.. http://javascript-array.com/ |
| All times are GMT -4. The time now is 4:41 pm. | |
Forum system based on vBulletin Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
©2003 - 2009 DaniWeb® LLC