Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   New Versions, & Updating (http://forum.bytesforall.com/forumdisplay.php?f=12)
-   -   [SOLVED] Atahualpa 3.4.6 & Fancybox for Wordpress - does not display in IE (http://forum.bytesforall.com/showthread.php?t=6774)

joan Apr 19, 2010 04:52 AM

[SOLVED] Atahualpa 3.4.6 & Fancybox for Wordpress - does not display in IE
 
Hi JuggleDad et al...
I have been trying to sort this for sometime. Fancybox for Wordpress was working beautifully and then stopped displaying in Internet Explorer. It only shows a window of about 1inch high. Check it out on http://ibooknewzealand.com/2010/nort...ern-discovery/ and click 'Auckland' for the popup.

If anyone else has Fancybox for WP working with Atahualpa 346 in IE, I would be glad to know.

I thought about putting this post in the 'Plugins' area, but the problem has only become apparent in this latest version of Ata.

Here are the steps I've taken to sort it. I thought it was another plugin so I've disabled all of them, but I realise now that it is my current version of Atahualpa.

Other themes (eg mystique, swift, default, classic) work with the Fancybox popups. Atahualpa346 displays the popups in all browsers - but not IE.

I thought it was to do with the HTML Inserts (listed below) so I took them out (& turned off cache).

<script src="http://ibooknewzealand.com/wp-includes/js/jquery/jquery.tools.min.js"></script>
<script>$(function() {$("ul.css-tabs:first").tabs("div.css-panes:first > div");});</script>
<span id=ycclink style='display:none'><a href="http://www.yourcurrencyconverter.com">geolocation - multi currency</a></span><script language=javascript>var curdate = new Date(); var datenum= curdate.getMonth()+'-'+curdate.getDay()+'-'+curdate.getYear(); var scriptstart = '<SCR'+'IPT '; var jslink = 'SRC=//server2.YourCurrencyConverter.com/ConvertCurrency.ashx?id=2892xymxuk55ohpbmvno4f2lqh 45x4&spoofCountry=XX&date=' + datenum; var scriptend = ' LANGUAGE=Javascript></SCR'+'IPT>'; var jsinclude = scriptstart+jslink+scriptend; document.write(jsinclude);</script>`

I thought it was because of the custom code (listed below) for breadcrumbs in the ATA Index.php file so I took it out & turned off cache.

`<?php
/* Wordpress Breadcrumbs*/
if ( !is_home() ) {
if ( is_single() ) {
echo "<div class=\"breadcrumbs\"> &raquo; ";
echo "<a href=\" ".get_settings('home')." \">";
echo bloginfo('name')."</a> &raquo; ";
echo $_SESSION['mycat'];
echo "</div>";
}
elseif ( is_archive() && !is_category() ) {
echo "<li>Archives</li>"; }
elseif ( is_search() ) {
echo "<li>Search Results</li>"; }
elseif ( is_404() ) {
echo "<li>404 Not Found</li>"; }
/* elseif ( is_page() ) {
if ($post->post_parent) {
$children = $post->post_title;
$parent = get_page($post->post_parent);
echo $parent->post_title. " &raquo; " .$children;
}
}*/
}
?>`

I haven't changed anything else, so I presume it must be to do with the javascript loading order, or something.

Any thoughts ?

joan Apr 19, 2010 03:28 PM

Hey forget it, problem solved... not sure how, but I'm not arguing! Sorry for the unnecessary airspace.

lmilesw Apr 19, 2010 03:33 PM

What did you do? The FancyBox still isn't working for me in IE.

joan Apr 19, 2010 08:16 PM

Bummer Larry, it isn't working again for me too. It seems that it only works when I turn on IE's "Compatibility View" (under Tools), in which case it works beautifully. Strange that the other themes work ok though. Any thoughts ?

lmilesw Apr 20, 2010 06:44 AM

I don't have an answer for you other than IE is at time problematic. I don't know why but I tried several of the modal box plugins like FancyBox and for some reason I can't remember decided not to use it. I currently use Shadowbox JS for this purpose along with modal popups for videos. It automatically will configure many links or you can use rel=shadowbox. This does require a license for commercial use but it is only $20 for a single developer on unlimited domains. You could just try it out though at no cost to see if it works in IE.

joan Apr 20, 2010 07:16 AM

Thanks Larry I'll give it a try. Meantime I found this:
""The issue is with the jQuery Block UI plug-in, not Fancybox. Apparently, "setExpression" causes IE8 to flip out. However, it looks like the newest version of jQuery BlockUI Plugin fixes this problem. ""
There is a download at http://malsup.com/jquery/block/#download but I'm not sure where to put the JS file.
Also I found this re fancybox/Ie problem:
"I ended up using prettyPhoto. Not only does it work, but it provides a much better API." with this link
http://www.no-margin-for-errors.com/...ightbox-clone/
I'll be in touch when I've sorted it. Joan.

lmilesw Apr 20, 2010 07:36 AM

The PrettyPhoto plugin looks interesting. I'm going to give that a try as well.

joan May 3, 2010 06:49 AM

It sure is interesting; infact PrettyPhoto works great. Check it out on any of my popups. Atahualpa css is somehow mucking the display of the PrettyPhoto's navigation bar at the bottom of the popup, in Internet Explorer (only, FF & Chrome work well). Unfortunately IE doesn't have any "inspect" tools for me to de-bug. Larry if you try it with Iframes in IE, I'd like to know how you go.

juggledad May 3, 2010 08:08 AM

Joan, here is how I would play with this.

Go view the page in question, then view the page source and copy the source and paste it into a wordpad document and save it as txt. Now open that file in IE and you should see your page.

now you can edit the txt file and save it and refreshe the page to see the changes. You can rip out vast chunks of the HTML and CSS to see if you can find the cause.

lmilesw May 3, 2010 08:16 AM

You site works fine for me in IE 8. On one of my sites however I did have a conflict between WP-PrettyPhoto and another plugin so for now I've gone back to Shadowbox JS.

joan May 9, 2010 12:41 AM

Thanks so much JD & Larry
The problem was that the popup window's close button was not visible in IE (so hard to close!), but Ihave modified the prettyphoto.css file from
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:5px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}
to
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:35px;margin-top:3px;text-indent: -10000px;width:14px;}

and all works great now. I especially like the way it has navigation buttons to scroll to the next/previous popup.
Again thanks for your time. JD can you mark this one as 'solved' (I cant seem to find how to.
Kind regards,
Joan


All times are GMT -6. The time now is 03:33 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.