Forgot?

Problems with Shadowbox and IE8

Reply Topic
Link to this post 03 Aug 09

hi.

I love shadowbox and I'm happily using it with Opera/FF/Chrome.
Sadly, I seem to have problems with IE8. On a client computer I get JS error, on my IE8 I just get the image opened as if the js code isn't executed.

I tried adding

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

as someone suggested but didn't help.

You can see the problem here:
http://www.villaconfalonieri.it/cucina.html

I tried every possible JS engine but all failed on IE.
What can I try?
thanks!
maxxer

Link to this post 03 Aug 09

Hi Maxxer,

Can you please take a look at the FAQ on the shadowbox javascript site:

http://www.shadowbox-js.com/faq.html

They have some different options you can try there.

Link to this post 04 Aug 09

hi Daniel, thank you for your reply.

I had a look at the FAQ, the only one relevant I could find is the one about DOCTYPE. I tried both options, but unfortunately no one helped.

any other idea?
thank you very much.

Link to this post 04 Aug 09

after double checking, seems that

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   "http://www.w3.org/TR/html4/strict.dtd">

finally helped! thanks!

but now I receive a "syntax error" in jQuery :(
googling...

Link to this post 04 Aug 09

just in case anyone else run into this one, I had to:
- upgrade ninja shadowbox's jquery to 1.3.1 (current release)
- add the above "DOCTYPE"
- add the above "X-UA-Compatible"

now it works.
thanks

Link to this post 04 Aug 09

Thanks for sharing the solution maxxer :)

Link to this post 05 Aug 09

Thanks for sharing this Lorenzo,

As a thank you present have 2 months of silver membership free of charge. :-)

Link to this post 05 Aug 09

Daniel wrote:

Thanks for sharing this Lorenzo,

As a thank you present have 2 months of silver membership free of charge. :-)

wow! undeserved... :)

thank you very much!

Link to this post 15 Aug 09

Hello,
I am having an issue with shadowbox in IE8 also. In my case, it does not do anything... just a blank black window.

From the conversation below, tt seems like the solution may involve these two lines of code:

---------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

---------------------------------------

Can anyone provide a little more direction (I am not technical)... where should these lines be inserted? What file? Does it matter which line? Is there anything else that needs to be done like comment out another line, etc???

Many thanks,
Mike

Link to this post 15 Aug 09

l'm experiencing the same problem. Thanks in advance for any help.

Link to this post 15 Aug 09

mike177 wrote:

Hello,
I am having an issue with shadowbox in IE8 also. In my case, it does not do anything... just a blank black window.

From the conversation below, tt seems like the solution may involve these two lines of code:

---------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

---------------------------------------

Can anyone provide a little more direction (I am not technical)... where should these lines be inserted? What file? Does it matter which line? Is there anything else that needs to be done like comment out another line, etc???

Many thanks,
Mike

Hi Mike, leftbrain,

Both lines need to go in your template index.php file.
You will find it at [yourdomain]/templates/[templatename]/index.php

At the very top of index.php you should see a DOCTYPE statement. It might be on one line or broken into two lines. Remove it completely and replace with the DOCTYPE above (if it is different).

Then, a bit further down the same index.php file you will see this tag: <head>

Put the Meta tag on the line immediately after this <head> tag.

Let me know how it goes.

Link to this post 15 Aug 09

Hello Mark,

Ok, I replaced:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

WITH

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

AND

inserted the second line where you stated.

And, lo and behold... it works!

Thanks!

Link to this post 16 Aug 09

Glad you got it working mike :)

If you have a few minutes some time, please consider posting a review at http://extensions.joomla.org/extensions/style-a-design/popups-a-iframes/4577

Kind regards,
Mark

Link to this post 20 Aug 09

I tried this Mark (in Joomla1.51.4 and VM 1.1.3) but it did not work. For speed and simplicity I have used;

http://extensions.joomla.org/extensions/style-a-design/browsers-a-web-standards/7623

Everything seems to work fine now. I will revisit with Joomla 1.6.

Link to this post 20 Aug 09

cheers weatherfront

Forums Joomla Extension Support Problems with Shadowbox and IE8