Shadowbox stop working after a views ajax refresh

This problem also happens if you click on a shadowbox link before a page is finished loading. It would be really good if somehow the link didn't work until the page was finished loading so that it always opens in shadowbox. Also, if you click on a shadowbox link for a .flv before the page is finished loading, Firefox asks you if you want to open or save the file. No good for me...

Hey zmove, sorry to not get back to you on this sooner..

I'm not sure how to fix this. If you have any code I could use that would be awesome.

I've committed a fix for the problem mrMaze is talking about. He found that using document.ready worked better than window.load. This might have an effect on the issue you mentioned but I doubt it. Any more info would be much appreciated.

Ahh, if you end up going back to it I would love to know how you tackled it. Thanks anyway.

I fixed the issue with the content not being opened in Shadowbox if the Dom was not ready. I'd still love to find a fix for the ajax views issue.

Not sure if this is helpful or not, but it should point you in the right direction. I'm using the jQuery Pagination plug-in (straight, with no Drupal module) to display a series of panels containing links to videos that display using Shadowbox. As with the other folks on this post, after the first page link is clicked the Shadowbox links stop working (the videos are loaded on separate pages instead of in a Shadowbox/modal window).

To remedy this, you need to re-run the Shadowbox setup when page links are clicked. I did this by adding a call to the Shadowbox.setup(); function inside the pageSelected(); function inside my jquery.pagination.js file.

The modified function looks something like this:

function pageSelected(page_id, evt){
  current_page = page_id;
  drawLinks();
  var continuePropagation = opts.callback(page_id, panel);
  if (!continuePropagation) {
    if (evt.stopPropagation) {
      evt.stopPropagation();
      Shadowbox.setup(); // the function call to run the Shadowbox set-up
    } else {
      evt.cancelBubble = true;
    }
  }
return continuePropagation;
}

Would love a patch for this!

I had the same problem.
I just put

<script type="text/javascript">
  Shadowbox.setup();
</script>

in the footer of the view with PHP input format and all is well.
Not elegant but ...

This is super-duper easy to fix. shadowbox_auto.js should be as follows:

Drupal.behaviors.shadowbox = function (context) {
  var settings = Drupal.settings.shadowbox;
  if (settings.auto_enable_all_images == 1) {
    $("a[href$='jpg'], a[href$='png'], a[href$='gif'], a[href$='jpeg'], a[href$='bmp'], a[href$='JPG'], a[href$='PNG'], a[href$='GIF'], a[href$='JPEG'], a[href$='BMP']").each(function() {
      if (settings.auto_gallery == 1) {
        $(this).attr('rel', 'shadowbox[gallery]');
      }
      else {
        $(this).attr('rel', 'shadowbox');
      };
    });
  };
  Shadowbox.setup();
};

The only change is that I added shadowbox.setup(); at the bottom of the behavior. This behavior is called on every ajax or AHAH reload - so this means that shadowbox will be re-triggered on every new piece of content. I could do this up as a patch if the maintainers want, but it's such a simple fix.

can you create a patch for this against the latest version of shadowbox dev? http://drupal.org/patch/create

Does this really need a patch? I just called Shadowbox.setup() as part of my callback.

		$('#block-views-explore-block_1').load($(this).attr('href') + ' #content-area',function(){
			Shadowbox.setup();
		});

And it works.

Now I just need similar for activating AJAX pagination in the view I'm loading up there too…

OK so a little tweaking to how we're setting up our site and it turns out the fix was needed after all!

Created a patch. Attached.

This has been committed to the latest dev version of 4.x branch. 4.x is really the suggested branch currently so I will leave it to just that. If we need it commited to 3.x or 2.x then please reopen this issue although it would be is a pretty minor issue to create a new release in those branches for this.

http://drupal.org/cvs?commit=349750

Is the same already done for the 7.x version?
Everything you put in a theme behavior will autoreload if you perform an ajax call ;-)