By gwalliman on

I have a Drupal site set up where much of my content is displayed in Overlays. I use Overlay Path to allow anonymous users to view this content.

The site is: http://www.hollersaunders.com

Up until a week ago the Overlay worked perfectly, but all of a sudden it is completely broken. If you go to "Media" or "Exhibitions" in the site above and click on one of the pictures, you'll see an overlay background open up, but no content will be displayed. If you check the HTML, you will see that there is no content in either the overlay or .

Interestingly, when I log in, if I try to open some of my admin pages from the admin menu (which also uses Overlay) they won't open on the first click, but on the *second* click they will open. Once they are open, clicking the X to close does not close the overlay, even though the URL changes.

I have no idea what could have caused this. I've brought up a local copy of the site and the behavior is the same, so it's not a server thing. I have done some work on the site a few weeks back, but I've examined all of it and I don't see how any of it could have led to what I'm seeing here.

Does anyone have any guesses as to why this is happening? Thanks much!

⋅ Categories: Drupal 7.x

Comments

vm’s picture

vm commented

utilize firebug or chromes developer tools and see if there are any .js errors.

gwalliman’s picture

gwalliman commented

It looks like overlay-parent.js is throwing a js error: Uncaught TypeError: Cannot read property 'msie' of undefined.

The error is occurring in function Drupal.overlay.makeDocumentUntabbable, on this line:

if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 8) { ... }

According to http://docs.jquery.com/Utilities/jQuery.browser, jQuery.browser is deprecated but it says it won't be removed in future releases of jQuery. I'm using jQuery UI 1.8.11 (provided by the jQuery Update module.)

If that property is still present, why is it erroring out? I haven't been able to find another instance of this issue, so if there's a fix for it already, I'm not aware of it.

vm’s picture

vm commented

I'd disable jquery update and any modules installed between the time overlay worked correctly and it didn't and test.

pallavi_sugandhi’s picture

pallavi_sugandhi commented

I also get this error on my site, and I found that these comes because of jquery error

"TypeError: jQuery.browser is undefined
if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 8) {"

So for this I find the solution to add patch for it in the overlay module in line 907, 950,960.

-if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 8) {
+if ($.browser.msie && parseInt($.browser.version, 10) < 8) {

We need to replace jQuery by $ in these lines 907,950 and 960.

Then its worked perfectly for me.

If you have any other solution please let me know.

Thanks
Pallavi

duppy.ocio’s picture

duppy.ocio commented

Thank you. This worked for me :)

ramiassi’s picture

ramiassi commented

The .browser call has been removed in jquery 1.9 have a look at http://jquery.com/upgrade-guide/1.9/ for more details.
I used jQuery Update module to set the theme to use the jQuery version 1.8 then the overlay worked for me.

abdomersoul’s picture

abdomersoul commented

Downgrading jquery to 1.8 worked for me, thanks