Hiding div tag when the user clicks outside the div tag.

Posted by Madhu on Stack Overflow See other posts from Stack Overflow or by Madhu
Published on 2009-10-13T10:40:05Z Indexed on 2010/03/30 10:33 UTC
Read the original article Hit count: 240

Filed under:

divs

Hi friends, I have a div tag and I am populating the search results on a custom grid, which is placed inside this divtag.

When a user click on the search button, i am displaying the results in the above mentioned div tag.

I have a requirement to close the above div tag when the user clicks outside the div tag.

It is similar to google search auto comlete.

Thanks in advance.

Related posts about divs

convert divs displaying as row to divs displaying as column

as seen on Stack Overflow - Search for 'Stack Overflow'
I have as the following divs. Suppose each div is floated left or set display to inline-block. +-----------+ +-----------+ +--------------+ | 1 | | 2 | | | +-----------+ | | | 3 | +-----------+ | | … >>> More
Using Javascript to expand DIVs and go to anchor text

as seen on Stack Overflow - Search for 'Stack Overflow'
I apologize that this question is so similar to "How can you check for a #hash in a URL using JavaScript?" but would appreciate your help with the following. I would like to use Javascript to display text that is a) identified by an anchor. b) contained within 2 collapsed DIVs....ONLY WHEN the… >>> More
jquery slide toggle divs without creating multiple classes, functions, etc... ui accordion

as seen on Stack Overflow - Search for 'Stack Overflow'
Greetings, based on the jquery ui accordion I'm using, I have added a slide toggle to my accordion list items. so what happens is I click on an li and a div slides down underneath to reveal more content. The issue I'm having is that I find myself having to create multiple id's to reference… >>> More
Multi-Page invoice printing on one page

as seen on Stack Overflow - Search for 'Stack Overflow'
I have an invoice that contains over 100 lines of product that I am trying to print. This single invoice should take over 3 pages, but when printed, the content flows off the footer and the next page is the following invoice. I am using divs instead of tables, and I can't understand why the long… >>> More
For "draggable" div tags that are NOT nested: JQuery/JavaScript div tag “containment” approach/algor

as seen on Stack Overflow - Search for 'Stack Overflow'
Background: I've created an online circuit design application where .draggable() div tags are containers that contain smaller div containers and so forth. Question: For any particular div tag I need to quickly identify if it contains other div tags (that may in turn contain other div tags). -- Since… >>> More

Developer IT

Hiding div tag when the user clicks outside the div tag. - Developer IT

Hiding div tag when the user clicks outside the div tag.

divs

Related posts about divs

convert divs displaying as row to divs displaying as column

Using Javascript to expand DIVs and go to anchor text

jquery slide toggle divs without creating multiple classes, functions, etc... ui accordion

Multi-Page invoice printing on one page

For "draggable" div tags that are NOT nested: JQuery/JavaScript div tag “containment” approach/algor

Categories cloud