Phoca Gallery Image Module IE8, IE9, Twitter widget conflict

[melal]

There is the following issue according to Phoca Gallery Image Module. In IE8, IE9 if the module installed at same page with Twitter Profile Widget from the page: http://twitter.com/about/resources/widg ... et_profile the widget isn't shown correctly, some settings of the Twitter Widget (color, avatar presence) are disabled and are as "by default". At the same time Modal Box isn't working correctly - there is no popoup window, but instead of popup image is opened at new page on wide white background. I have tried to turn off both modules and rec'd the following effect:

1. Phoca module - TURNED OFF, Twitter module - TURNED ON - everything is OK, Twitter module is shown well.
2. Twitter module - TURNED OFF, Phoca module - TURNED ON - the modal box isn't functioning correctly (as above described)

At another pages where Twitter module and Phoca Gallery Category images (not Phoca Image Module) are shown - everything is OK, modal box and Twitter widget are working properly.

In Firefox, Opera, Midory, Chrome, Chromium, Epiphany browsers there are no issues. Tested under Windows XP, Windows 7, Linux Ubuntu. Testes under: Joomla 1.5.15, 1.5.23; Mootools 1.12, 1.24, 1.25; with and without Jquery no-conflict-mode with different jquery versions.

Please, advise. Thank you for help in advance!

[Jan]

Hi, if there is javascript conflict on the site and it is caused by different javascritp libraries + IE, then it is really hard to give some advices Did you check other method to display the popup window from the module, maybe other javascript (which does not use Joomla! mootools will be not in the conflict caused by IE )

Jan

[melal]

Thank you for reply. The issue with modal box (popup absense) was caused by some conflict with my third party extension, it's solved already. But the problem still the same with Twitter widget (tested on clean joomla installation without any third-party modules). Of course, I have tried different popup methods for Phoca Image module. The result as follows:

1. Methods: Modal box (with and withou "image only"), Standard popup, Shadow box, HIghslide JS (with and without "image only"), No popup - lead to disabling of some functions in widget.js - basic javascript widget of Twitter Profile widget, can be found on: http://widgets.twimg.com/j/2/widget.js The mentioned js functions are the fucnctions connected with Twitter widget theme selection, starting from: setTheme:function(a,b){var d=this,e=" !important"....... (see widget code). At the same time I can say that css of Twitter widget works without issues: http://widgets.twimg.com/j/2/widget.css

2. JAK lightbox - disables Twitter widget completely.

No script errors there are at debugging. I forgot to say at my first message that tried different versions of modal.js (SqueezeBox) - result is the same. There is no conflict between modal.js and widget.js - 100%, if only Phoca image module doesn't use some another functions from modal.js as Phoca gallery component, because the component works perfect with Twitter widget.js and uses the same /media/system/js/modal.js. Please, ask me if you need additional information, I'm ready to check everything and give detailed report. Thank you!

[Jan]

Hi, I think I cannot give there any specific advice , if there is no error messge from javascript console it is hard to find or to know which place in the javascript libraries can be in conflict

[melal]

The problem is solved by adding php wrapper and changing native Twitter widget.js as follows below.

wrapper.php:

Code: Select all

<?php
header("content-type: application/javascript");
$url = urldecode($_GET['wrapthis']);
unset($_GET['wrapthis']);
foreach($_GET as $key=>$val){
$url .= "&{$key}=".$val;
}
$d = file_get_contents($url);
echo $d;
?>

widget.js:

remove:

Code: Select all

i=e+"api."

add:

Code: Select all

i="http://my_server/wrapper.php?wrapthis="+e+"api."

To avoid more global issues disable any jQuery UI CSS at the page. For case with jQuery UI CSS enabled I have no solution. The problem is solved.

[Jan]

Ok