Joomla Templates Club 406,261 posts

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#176507

My site works fine in ff, chrome, safari and ie9. In ie8, the ja slideshow is not visible and the (mega) menus are not animating (dropping). Can you provide some guidance on how to get this working?

http://test.gsoski.org

I have tried disabling all the modules on the front page, but that didn’t help. I did notice that the Twitter Show module does not show on the left in ie8 and ie9. I know this is probably not a ja template/extension problem, but I guess it could be related.

Thanks in advance!

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#450448

Any advice on how to debug / fix this?

Thanks.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#450477

Hi mtense,

I checked and I see that the problem is related to the System – Koowa plugin, disable the plugin and the problem is resolved. Could you tell me what is this plugin for ?

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#450532

It is installed with the ohanah event manager component. Is it some sort of jquery issue? I installed joomlabamboo in an effort to get jquery loading without issue.

Thanks!

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#450534

I disabled the koowa plugin and associated ohanah module (upcoming events) and am still seeing same problems in ie. Are there other steps you took to resolve?

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#450544

I have discovered it is joomlabamboo plugin for loading jquery without conflicts that is causing the problem :((

If there is any general advice on getting jquery to load without issues, please point me to it.

Thanks.

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#450570

Made some progress after some trial and error. After I installed ohanah which installed koowa plugin, the Koowa plugin was loading jquery before jaslideshow and jat3, so slideshow and menus were not working.

Then I installed joomlabamboo’s jb plugin that loads mootools, then jquery, and then calls the noConflict code in jquery so that it can coexist with mootools and other libraries.

This worked in most browsers, but not IE8. The problem for ie8 was that jb plugin did not remove existing references to mootools. So, mootools was being loaded multiple times and apparently freaking out ie8 (see below):

<script src=”/media/system/js/mootools-core.js” type=”text/javascript”></script>
<script src=”/media/system/js/core.js” type=”text/javascript”></script>
<script src=”/media/system/js/mootools-more.js” type=”text/javascript”></script>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js” type=”text/javascript”></script>
<script src=”/media/plg_jblibrary/jquery/jquery.noconflict.js” type=”text/javascript”></script>
<script src=”/media/plg_jblibrary/jquery/jquery.lazyload.js” type=”text/javascript”></script>
<script src=”/media/system/js/mootools-core.js” type=”text/javascript”></script>
<script src=”/media/system/js/core.js” type=”text/javascript”></script>
<script src=”/media/system/js/mootools-more.js” type=”text/javascript”></script>
<script src=”/media/system/js/caption.js” type=”text/javascript”></script>
<script src=”/plugins/system/jat3/jat3/base-themes/default/js/core.js” type=”text/javascript”></script>
<script src=”/plugins/system/jat3/jat3/base-themes/default/js/menu/mega.js” type=”text/javascript”></script>
<script src=”/modules/mod_jaslideshow/assets/script.js” type=”text/javascript”></script>
<script src=”/modules/mod_jatoppanel/assets/script.js” type=”text/javascript”></script>

The solution was a set of scripts without dups that looks like:

<script src=”/media/system/js/mootools-core.js” type=”text/javascript”></script>
<script src=”/media/system/js/core.js” type=”text/javascript”></script>
<script src=”/media/system/js/mootools-more.js” type=”text/javascript”></script>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js” type=”text/javascript”></script>
<script src=”/media/plg_jblibrary/jquery/jquery.noconflict.js” type=”text/javascript”></script>
<script src=”/media/plg_jblibrary/jquery/jquery.lazyload.js” type=”text/javascript”></script>
<script src=”/media/system/js/caption.js” type=”text/javascript”></script>
<script src=”/plugins/system/jat3/jat3/base-themes/default/js/core.js” type=”text/javascript”></script>
<script src=”/plugins/system/jat3/jat3/base-themes/default/js/menu/mega.js” type=”text/javascript”></script>
<script src=”/modules/mod_jaslideshow/assets/script.js” type=”text/javascript”></script>
<script src=”/modules/mod_jatoppanel/assets/script.js” type=”text/javascript”></script>

I used a dirty hack to work-around this, but will try to craft something more elegant and post for others.

1 user says Thank You to mtense for this useful post

1. Sherlock

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#450700

Hi mtense,

It would be great if you can share your solution here, it would be of help to others too.

Regards

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#451271

I ended up using jqueryeasy plugin, b/c the jb library plugin ended up adding multiple versions of mootools and core js files.

Another related issue was the number of css files being included. After getting the js issue corrected, it took many hours to realize ie8 was only including 31 of the 32 css links. It would be helpful if JA could figure out how to cut down the number of css files. Maybe optimization does that and flexibility is good, but for debugging the large number of css files is problematic for ie8. JA Social with toppanel and slideshow results in 27 css files. Adding jquery gets you to 28 with very little room for component-specific css files.

[Author]

Posts