Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > JavaScript > Javascript How-To
Password Reminder
Register
Register | FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
Javascript How-To Ask your "How do I do this with Javascript?" questions here.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the Javascript How-To section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developersí questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Display Modes
  #1 (permalink)  
Old April 8th, 2006, 05:22 PM
Registered User
 
Join Date: Apr 2006
Location: , , .
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Default Drop Down Menus in Tables

Hi,

I've been reading through the book 'Beginning Javascript' and I was hoping to re-create the drop-down menu system as shown in Chapter 13.

Because of the way that I have designed my website, I am placing the images, under which the drop-down menus appear, inside a row of a table.

At the moment, I have done this by encasing the images inside a <div> tag inside a <td>, thus:

Code:
<table>
<tr>
<td>
<div onmouseover="document_onmouseover(event)" onmouseout="document_onmouseout(event)">

<script language="javascript">
document.write(createMenu('Home', homeMenuItems))
</script>

<a href="index.html">
<IMG id="HomeMenuImage" SRC="Pics/Banners/home.jpg" border="0"
style="position:absolute;left:55px;top:113px;"
onmouseover="return showMenu(document.getElementById('HomeMenuDiv'), event)"
onmouseout="return hideMenu(document.getElementById('HomeMenuDiv'),4,event)">
</a>

</div>
</td>
</tr>
</table>
This method of doing it works in IE6.0 and Netscape Browser 8.1 (running in IE mode), however in Firefox based browsers (including Netscape 7.1) the menus do not appear at all.

Does anyone know how I can edit my code in order for it to work? The rest of the JavaScript code is unchanged from the example in the book.

Thanks :),

Dan

Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
adding values from drop down menus racey Classic ASP Basics 1 August 22nd, 2006 05:26 AM
Displaying drop down menus on the top of Combo box karunkumar_g Javascript 3 December 14th, 2005 12:46 PM
JS validation on the drop-down menus crmpicco Javascript How-To 0 July 1st, 2005 05:30 AM
change the value of two drop-down menus crmpicco Classic ASP Basics 3 March 28th, 2005 07:10 PM



All times are GMT -4. The time now is 01:08 PM.


Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.