jQuery: there is any way to select the "remaining area" outside a div...?

Question

I have a script where i click an image to zoom it in, but i would the user to be able to click outside the image to close it.

i noticed though that if i set a function to the body

$(body).click(function{ closeImage(); })

is going ot be a conflict between that function and the regular function i created for the image (let's call it openImage(); just for example's sake)...

there is any way to select the "remaining area" so it is the only portion of the screen that can fire closeImage(); ?

UPDATE: to clarify my problem: if i set a function on the boy and then i click the image, the image doesnt zoom anymore because it conflicts with the body function

my code is not really important...is just zoon function fired when user clicks an image... — Francesco, Jan 12 '11 at 19:50

score 1 · Accepted Answer · edited May 23 '17 at 09:58

1

See this answer for how to attach an event handler both to the body and the element, but cancel the event bubbling so that the body handler does not fire for particular sub-handlers.

edited May 23 '17 at 09:58

Community

1
1

answered Jan 12 '11 at 19:43

Phrogz

296,393
112
651
745

thanks! this is exactly the function i was looking for!! $(function(){ $("body").click(function(e){ if(e.target.id=="myDiv" || $(e.target).parents("#myDiv").size()){ alert("inseide div"); } else { alert("outside div"); } }); }) – Francesco Jan 12 '11 at 19:57

score 0 · Answer 2 · answered Jan 12 '11 at 19:42

0

I would rather put a "glass" on body, image on it (and of course bind click to that glass). Many sites does like that (also with non transparent glass).

answered Jan 12 '11 at 19:42

konrad.kruczynski

46,413
6
36
47

score 0 · Answer 3 · answered Jan 12 '11 at 19:43

0

Try this:

$(body + ':not(#imageID)').click(function{ closeImage(); });

answered Jan 12 '11 at 19:43

score 0 · Answer 4 · answered Jan 12 '11 at 19:54

0

Consider using one() so it automaticly unbind itself once fired.

http://api.jquery.com/one/

answered Jan 12 '11 at 19:54

Cybrix

3,248
5
42
61

jQuery: there is any way to select the "remaining area" outside a div...?

4 Answers4