>> You could create an overlay background div with 100% in height and >> width and write a small jQuery code for that.
>> <div class="overlay" style="width: 100%; height: 100%;"></div> >> <div class="mydiv">This is the text box you have!</div> @maggi - i like the idea, but like stephan is saying, it would consume a click and i don't want that to happen. @richard - That is the one that i tried first before posting to the list. It works great but i have one problem. Let me take an example to explain the problem. Suppose i have 2 buttons that triggers the show() for 2 different divs. Ofcourse our other requirement is that when we click outside the shown div, the div should be hidden. In this scenario lets assume we clicked button number 1 and show() the div number 1 and clicked button number 2 and show() div number 2. Now, if i click on div number 1, the event doesnt get propagated, because we are returning false when the the div is clicked... It was a bit difficult to explain, but i hope u get the problem... But, i am positive that this is the way to go, i am going to try along the same lines... Thanks. @stephan - U r right, but i don't have a choice, my current project specifically requires this. So, i got to find a clean solution for this... Thanks anyways... -GTG On 7/27/07, Stephan Beal <[EMAIL PROTECTED]> wrote: > > > On Jul 27, 1:43 pm, Maggi <[EMAIL PROTECTED]> wrote: > > Hi Ganeshji! > > > > You could create an overlay background div with 100% in height and > > width and write a small jQuery code for that. > > The problem with this approach is that this consumes the click, such > that if the user clicks on another clickable element inside the page, > the event won't be delivered and the user will have to click AGAIN. > > As before, Ganeshji, i think the click-outside-the-element type of > design (which you also suggested for the Confirmer plugin) will lead > to event-related bugs and kludgy workarounds, in particular where > cross-browser compatibility is concerned. > >
