stop propagation? How to use?

[shortysbest]

I am working on making a photo gallery and I want it to close when you click anything but the photo and other contents of the gallery, I can't figure out how to make this work though.

 

I have a function that should stop propagation for bot IE and everything else:

 

function stopagation(e)
{
    if (!e)
      e = window.event;

    if (e.cancelBubble)
      e.cancelBubble = true;
    else
      e.stopPropagation();
}

 

Then my script for closing the gallery would be:

 

$(".photo-gallery-wrapper").click(function(event){

stopagation(event);							   										   
$(".photo-gallery-wrapper").fadeOut("fast");					 


				 });

 

 

My gallery setup (just the very basic of it looks like:

 

<div class="photo-gallery-wrapper">
<div class="photo-gallery-container">
<img src="photos/<?php print $photo_id?>_440.jpg" />
</div>
</div>

[Omirion]

Why not just use JQ's stop propagation method?

 

Or am i falsely assuming you are using jQuery?

 

In any case.

$("p").click(function(event){
  event.stopPropagation();
  // do something
});