JavaScript / DHTML / AJAX RSS JavaScript / DHTML / AJAX RSS

mouseover Dropdown Menu

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

•
•
Join Date: Jun 2009
Posts: 2
Reputation: postal07 is an unknown quantity at this point 
Solved Threads: 0
postal07 postal07 is offline Offline
Newbie Poster

mouseover Dropdown Menu

 
0
  #1
Jul 2nd, 2009
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
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4.  
  5. <head>
  6.   <LINK REL="StyleSheet" HREF="menu.css">
  7.   <script language="javascript" src="menu.js"></script>
  8. </head>
  9.  
  10. <body>
  11.  
  12.   <h1 align="center">Main Heading</h1>
  13.  
  14.   <table class="navbar" width="800">
  15.     <tr>
  16.       <td class="menuNormal" width="160" onmouseover="expand(this);" 
  17.       onmouseout="collapse(this);">
  18.         <p>Menu 1</p>
  19.         <div class="menuNormal" width="155">
  20.           <table class="menu" width="155">
  21.             <tr><td class="menuNormal">
  22.               <a href="page.htm" class="menuitem">Item 1</a>
  23.             </td></tr>
  24.             <tr><td class="menuNormal">
  25.               <a href="page.htm" class="menuitem">Item 2</a>
  26.             </td></tr>
  27.             <tr><td class="menuNormal">
  28.               <a href="page.htm" class="menuitem">Item 3</a>
  29.             </td></tr>
  30.             <tr><td class="menuNormal">
  31.               <a href="page.htm" class="menuitem">Item 4</a>
  32.             </td></tr>
  33.           </table>
  34.         </div>
  35.       </td>
  36.  
  37.       <td class="menuNormal" width="160" onmouseover="expand(this);" 
  38.       onmouseout="collapse(this);">
  39.         <p>Menu 2</p>
  40.         <div class="menuNormal" width="155">
  41.           <table class="menu" width="155">
  42.             <tr><td class="menuNormal">
  43.               <a href="page.htm" class="menuitem">Item 1</a>
  44.             </td></tr>
  45.             <tr><td class="menuNormal">
  46.               <a href="page.htm" class="menuitem">Item 2</a>
  47.             </td></tr>
  48.             <tr><td class="menuNormal">
  49.               <a href="page.htm" class="menuitem">Item 3</a>
  50.             </td></tr>
  51.             <tr><td class="menuNormal">
  52.               <a href="page.htm" class="menuitem">Item 4</a>
  53.             </td></tr>
  54.           </table>
  55.         </div>
  56.       </td>
  57.  
  58.       <td class="menuNormal" width="160" onmouseover="expand(this);" 
  59.       onmouseout="collapse(this);">
  60.         <p>Menu 3</p>
  61.         <div class="menuNormal" width="155">
  62.           <table class="menu" width="155">
  63.             <tr><td class="menuNormal">
  64.               <a href="page.htm" class="menuitem">Item 1</a>
  65.             </td></tr>
  66.             <tr><td class="menuNormal">
  67.               <a href="page.htm" class="menuitem">Item 2</a>
  68.             </td></tr>
  69.             <tr><td class="menuNormal">
  70.               <a href="page.htm" class="menuitem">Item 3</a>
  71.             </td></tr>
  72.             <tr><td class="menuNormal">
  73.               <a href="page.htm" class="menuitem">Item 4</a>
  74.             </td></tr>
  75.           </table>
  76.         </div>
  77.       </td>
  78.  
  79.       <td class="menuNormal" width="160" onmouseover="expand(this);" 
  80.       onmouseout="collapse(this);">
  81.         <p>Menu 4</p>
  82.         <div class="menuNormal" width="155">
  83.           <table class="menu" width="155">
  84.             <tr><td class="menuNormal">
  85.               <a href="page.htm" class="menuitem">Item 1</a>
  86.             </td></tr>
  87.             <tr><td class="menuNormal">
  88.               <a href="page.htm" class="menuitem">Item 2</a>
  89.             </td></tr>
  90.             <tr><td class="menuNormal">
  91.               <a href="page.htm" class="menuitem">Item 3</a>
  92.             </td></tr>
  93.             <tr><td class="menuNormal">
  94.               <a href="page.htm" class="menuitem">Item 4</a>
  95.             </td></tr>
  96.           </table>
  97.         </div>
  98.       </td>
  99.  
  100.       <td class="menuNormal" width="160" onmouseover="expand(this);" 
  101.       onmouseout="collapse(this);">
  102.         <p>Menu 5</p>
  103.         <div class="menuNormal" width="155">
  104.           <table class="menu" width="155">
  105.             <tr><td class="menuNormal">
  106.               <a href="page.htm" class="menuitem">Item 1</a>
  107.             </td></tr>
  108.             <tr><td class="menuNormal">
  109.               <a href="page.htm" class="menuitem">Item 2</a>
  110.             </td></tr>
  111.             <tr><td class="menuNormal">
  112.               <a href="page.htm" class="menuitem">Item 3</a>
  113.             </td></tr>
  114.             <tr><td class="menuNormal">
  115.               <a href="page.htm" class="menuitem">Item 4</a>
  116.             </td></tr>
  117.           </table>
  118.         </div>
  119.       </td>
  120.     </tr>
  121.   </table>
  122.  
  123. </body>
  124. </html>
Last edited by Tekmaven; Jul 2nd, 2009 at 9:16 pm. Reason: added code | Mod Edit: Code Tags
Reply With Quote Quick reply to this message  
•
•
Join Date: Aug 2008
Posts: 66
Reputation: PsychicTide is an unknown quantity at this point 
Solved Threads: 7
PsychicTide's Avatar
PsychicTide PsychicTide is offline Offline
Junior Poster in Training

Re: mouseover Dropdown Menu

 
0
  #2
Jul 2nd, 2009
.
Last edited by PsychicTide; Jul 2nd, 2009 at 7:13 pm.
The only hope is to help and not hinder...
Reply With Quote Quick reply to this message  
•
•
Join Date: Aug 2008
Posts: 66
Reputation: PsychicTide is an unknown quantity at this point 
Solved Threads: 7
PsychicTide's Avatar
PsychicTide PsychicTide is offline Offline
Junior Poster in Training

Re: mouseover Dropdown Menu

 
0
  #3
Jul 2nd, 2009
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/
Last edited by PsychicTide; Jul 2nd, 2009 at 9:36 pm.
The only hope is to help and not hinder...
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



acid2 ajax ajaxexample ajaxhelp ajaxjspservlets animate automatically beta box browser captchaformproblem cart checkbox child close codes css debugger decimal dependent disablefirebug dom download editor element engine enter error events explorer ext file firefox form forms frameworks getselection google gwt gxt hiddenvalue highlightedword hint html htmlform ie7 ie8 iframe index internet java javascript javascripthelp2020 jawascriptruntimeerror jquery jsf jsfile jsp jump listbox maps masterpage math media menu microsoft mp4 object onmouseoutdivproblem onmouseover onreadystatechange parent paypal pdf php player position problem programming prototype redirect regex runtime safari scale scriptlets search security select shopping size software sql textarea unicode w3c window windowofwords wysiwyg \n
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC