Body onClick, Except

**Shaun(OfTheDead)** · Jul 30, 2007, 15:13

Hi.

I have a simple drop down menu in a website.

It does the typical... opens onMouseOver, closes when the body is clicked.

The problem is one of the hidden drop downs has an input field and, of course, when someone clicks in the field to enter info the menu disappears... the input is part of the body after all.

Is there some type of work-around to this??

Is there something like...

All suggestions welcome. Thanks.

**KCChiefs** · Jul 30, 2007, 17:01

<body onclick="javascript:document.getElementById("txtField")? return false: MethodName();">

Just a shot in the dark

**Shaun(OfTheDead)** · Jul 30, 2007, 17:34

Didn't work.

I'm thinking now... is there a way to get the clicked item in a variable so I could have say...

Code JavaScript:

If ($clickedItem != elementById('InputField') )
   {
   Execute Reset
   }

??

**KCChiefs** · Jul 30, 2007, 17:45

function ResetDrawer()

{
if(!this.id == document.getElementByID("inputField"))
{
execute code
}
else
{
//invalid field
}

}

**Shaun(OfTheDead)** · Jul 30, 2007, 19:31

As a test I tried that out as follows...

Code JavaScript:

function resetDrawerInit()
	{
	alert(this.id);
	if(this.id != document.getElementById('Drawer2_Articles'))
		{
		resetDrawer();
		}
	}

...and the body onclick calls that new resetDrawerInit(); function.

It's not working, though, and I'm pretty sure it's because the "this" keyword is referring to the whole body rather than the specific object that is clicked.

The body tag is the one with the onclick, after all. No matter what, the body is the HTML element that's calling the function.

Thanks for the suggestions anyway.

**Shaun(OfTheDead)** · Jul 30, 2007, 19:35

Well... regarding above...

what's weird, though is that my open body tag now looks like...

Code HTML4Strict:

<body id="Bob" onclick="resetDrawerInit();">

...so theoretically the alert in resetDrawerInit(); should say "Bob". In reality it says "undefined".

Maybe I'm just using the this keyword wrong.

**felgall** · Jul 30, 2007, 21:46

JavaScript event handlers in the body tag are attached to the window and not to the body.

**Shaun(OfTheDead)** · Jul 31, 2007, 08:33

Originally Posted by felgall

JavaScript event handlers in the body tag are attached to the window and not to the body.

Ore okay.

So then there's no way of detecting which object was clicked on like that then??...

because no matter what, "this" would refer to the window itself and not the individual clicked object. Yes??

The SitePoint Forums have moved.

User Tag List

Thread: Body onClick, Except

Thread Tools

Display

Body onClick, Except

Bookmarks

Bookmarks

Posting Permissions