/    Sign up×
Community /Pin to ProfileBookmark

multi-level menu within a table cell?

Copy linkTweet thisAlerts:
Aug 29.2007

I am looking for a way to place a multi-level menu or “drop down” cascading menu into the cell of a table. Is this possible? What I need to do is relatively simple, before the mouse is placed over the cell, it will read “tools” once the mouse is placed over the cell, all I need is 2 options, “calculator” and “search”. This may be pretty easy but it seems all the script examples I have found are for menu’s that cover the entire top of a page. I spend most of my time on the server side of things (php) and have not worked with javascript that much. Any help would be greatly appreciated.

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@vwphillipsAug 29.2007 — [CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/

function ShowHide(id){
var zxcevt=window.event||arguments.callee.caller.arguments[0];
document.getElementById(id).style.visibility=(zxcevt.type=='mouseover')?'visible':'hidden';
}
/*]]>*/
</script></head>

<body>
<table cellpadding="0" cellspacing="0" border="1">
<tr>
<td onmouseover="ShowHide('menu');" onmouseout="ShowHide('menu');">Tools
<div style="position:relative;z-Index:101" >
<div id="menu" style="position:absolute;visibility:hidden;" >
<div style="width:100px;height:20px;background-Color:red;" ><a href="#" >search</a></div>
<div style="width:100px;height:20px;background-Color:green;" ><a href="#" >calculator</a></div>
</div>
</div>
</td>
</tr>
</table>
</body>

</html>[/CODE]
Copy linkTweet thisAlerts:
@dkirkauthorAug 29.2007 — thats absolutely perfect, thanks a million
Copy linkTweet thisAlerts:
@dkirkauthorAug 30.2007 — Well, I thought everything was perfect. I am using the script on a frame page, and due to the location of the table cell and the frame divider, the menu goes behind the frame so half of the menu is covered. Is there a way to bring the menu to the "front" so that it overlaps the other frame?
×

Success!

Help @dkirk spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...