Html

MattBro · 12-20-2006, 02:49 PM

Currently I'm working on a menu-system for the site that I'm developing, based on simple tables and JavaScript, and have reached a stumbling point.

I would like to be notified when the mouse cursor has left a table element as a whole (Which is a popup menu), yet 'onmouseout' when applied to <TABLE> does not seem to work.

Does anyone know any work-arounds for this?

Cheers,
Matt.

P.S. Thought I better give an example for clarification.

Code:

<TABLE onmouseout='ProcMouseOut();'>
<TR><TD>Blah</TD></TR>
<TR><TD>Teh</TD></TR>
<TR><TD>Blah</TD></TR>
</TABLE>

**gamerman0203** · 12-21-2006, 06:39 AM

try wrapping whatever element you want to mouseout in a <div></div> . Then put the mouseout command in the opening <div> tag. I think that should work.

MattBro · 12-21-2006, 03:26 PM

Already tried that one (tried SPAN) aswell. Diden't work =\

v-six · 12-22-2006, 12:25 AM

hmmmm

I'm not sure you'll be able to accomplish what you're hoping to do without going from a different direction. The only way I see this working properly on all fronts is if the only content of the table is an image... at that point you could just set the rollover properties of the image. A good javascript programmer could make this happen, but it would be like going up 20 flights of steps and then down ten to get to the right floor.

(sorry for the bad analogy)

If possible, let us know exactly what you're trying to do, and maybe we can recommend a better way of going about it.

12-20-2006, 02:49 PM	#1 (permalink)
MattBro Registered User Join Date: Nov 2006 Location: Sydney, Australia Posts: 207 OS: WinXP-Home	Html Currently I'm working on a menu-system for the site that I'm developing, based on simple tables and JavaScript, and have reached a stumbling point. I would like to be notified when the mouse cursor has left a table element as a whole (Which is a popup menu), yet 'onmouseout' when applied to <TABLE> does not seem to work. Does anyone know any work-arounds for this? Cheers, Matt. P.S. Thought I better give an example for clarification. Code: <TABLE onmouseout='ProcMouseOut();'> <TR><TD>Blah</TD></TR> <TR><TD>Teh</TD></TR> <TR><TD>Blah</TD></TR> </TABLE> Last edited by MattBro; 12-20-2006 at 02:51 PM.

12-21-2006, 06:39 AM	#2 (permalink)
gamerman0203 Retired Join Date: Oct 2005 Location: Grand Rapids, MI Posts: 2,144 OS: XP MCE, Ubuntu Gutsy My System	try wrapping whatever element you want to mouseout in a <div></div> . Then put the mouseout command in the opening <div> tag. I think that should work. __________________ Follow These Steps First! CPU-Z \| SensorView \| WinXP Clean Boot \| Latest DirectX \| ATI Catalyst \| Nvidia ForceWare Posting System Specifications

12-22-2006, 12:25 AM	#4 (permalink)
v-six Manager Emeritus Join Date: Sep 2004 Location: Gardiner, NY Posts: 2,076 OS: OS X for mac, XP Pro for PC	hmmmm I'm not sure you'll be able to accomplish what you're hoping to do without going from a different direction. The only way I see this working properly on all fronts is if the only content of the table is an image... at that point you could just set the rollover properties of the image. A good javascript programmer could make this happen, but it would be like going up 20 flights of steps and then down ten to get to the right floor. (sorry for the bad analogy) If possible, let us know exactly what you're trying to do, and maybe we can recommend a better way of going about it. __________________ mysql> --i-am-a-dummy Last edited by v-six; 12-22-2006 at 12:57 AM.

12-21-2006, 03:26 PM	#3 (permalink)
MattBro Registered User Join Date: Nov 2006 Location: Sydney, Australia Posts: 207 OS: WinXP-Home	Already tried that one (tried SPAN) aswell. Diden't work =\