<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr - alvincrespo</title>
<link>http://snipplr.com/users/alvincrespo/tags/hide</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Sat, 25 May 2013 18:18:06 GMT</pubDate>
<item>
<title>(jQuery) Hiding a Dialog Box on Outside Click</title>
<link>http://snipplr.com/view/45867/hiding-a-dialog-box-on-outside-click/</link>
<description><![CDATA[ <p>This is essentially how to detect an outside click for a dialog box on a website, using HTML/CSS/Javascript/JQuery. 

Essentially you need to understand event propagation how it works throughout the DOM with JQuery, to make this as simple as possible. Add a listener to the html or body element that detects a click, hide the box when it receives that event. Otherwise, stop the propagation of the event when the container receives it (the event).

If you have any question, or want a further explanation, don't hesitate to get in contact with me.

Cheers!</p> ]]></description>
<pubDate>Fri, 17 Dec 2010 10:09:14 GMT</pubDate>
<guid>http://snipplr.com/view/45867/hiding-a-dialog-box-on-outside-click/</guid>
</item>
</channel>
</rss>