So the other option is to have the "wrapper" not contain the
divLoginBox1 so that clicking inside of divLoginBox1 would not be
clicking inside of "wrapper". Just be sure to set the z-index on
divLoginBox1 higher.
On May 2, 4:21 am, Aleksandr <[EMAIL PROTECTED]> wrote:
> I was try to do in this way. But it also close div clicking inside of
> it.
> So, if I click in wrapper area it close divLoginBox1. But if I clicked
> divLoginBox1 area it close it also.
> Should be the way how exclude divLoginBox1 area from wrapper div.
> This line not help to do it:
> $("#wrapper").not('#divLoginBox1')
>
> On May 1, 10:14 pm, Jimslam <[EMAIL PROTECTED]> wrote:
>
> > The Easiest method would be to create a "wrapper" div that takes up
> > the entire screen and assign an "onClick" event to that, which would
> > then contain the other div. For example:
>
> > <div id="wrapper">
> > <div id="divLoginBox1">
> > Login box content
> > </div>
> > </div>
>
> > The CSS for the DIV id="wrapper" would be something like:
>
> > #wrapper {
> > position:absolute;
> > height:100%;
> > width: 100%;
>
> > }
>
> > Then the JS would be:
> > $("#wrapper').click(function() { $('#divLoginBox1').hide(); });
>
> > That should do it. You could leave the #wrapper background
> > transparent or add in some opacity to a background color to emulate a
> > "faded" effect to the page content. I believe this is similar to how
> > well established libraries like "thickbox" handle the same
> > functionality.
>
> > On May 1, 11:14 am, Aleksandr <[EMAIL PROTECTED]> wrote:
>
> > > Yes you right.
> > > Also I have close link inside of the div.
> > > Everything is working, only outside click left.
>
> > > On May 1, 3:08 pm, Wes Duff <[EMAIL PROTECTED]> wrote:
>
> > > > Let me see if I have this clear. Once I do I will write you up a
> > > > script.
>
> > > > When someone clicks a link "<a href="#">Show Login Box</a>" you want
> > > > to display a div that shows the login box.
>
> > > > When someone clicks somewhere else on the screen and not on the link
> > > > you want to hide the login box?
>
> > > > On May 1, 5:08 am, Aleksandr <[EMAIL PROTECTED]> wrote:
>
> > > > > I still have the same issue.
> > > > > Yes, I have wrapper div how it can be solved in this case?
>
> > > > > Thanks
>
> > > > > On Apr 30, 7:05 pm, Wes Duff <[EMAIL PROTECTED]> wrote:
>
> > > > > > Off the top of my head --- Try something like this
>
> > > > > > $('div#mydiv').clcik(function(){$('div#mydiv').show();}); //click to
> > > > > > show div
> > > > > > $('div:not(#mydiv)').click(function(){$('div#mydiv').hide()}); click
> > > > > > anywhere else to hide div ## Problem just thought of If you are
> > > > > > using
> > > > > > a wrapper div then you will have the same problem as before. Well
> > > > > > you
> > > > > > get the idea.
>
> > > > > > This is just off the top of my head but if it donst work you get the
> > > > > > idea.
>
> > > > > > On Apr 30, 11:17 am, Aleksandr <[EMAIL PROTECTED]> wrote:
>
> > > > > > > Hi All,
>
> > > > > > > I am showing a div on click of a hyperlink. Now, when i click
> > > > > > > elsewhere in
> > > > > > > the document other than the div itself, then i want to hide the
> > > > > > > showing
> > > > > > > div... Is there any easy way to do this?
>
> > > > > > > I've already try:
>
> > > > > > > $('html').click(function() { $('#divLoginBox1').hide(); });
>
> > > > > > > and
>
> > > > > > > $('body').click(function() { $('#divLoginBox1').hide(); });
>
> > > > > > > but this close div when clicked inside of it.
>
> > > > > > > Thanks,
> > > > > > > Alex
