Conflict with Javascript when using Wibiya toolbar and the fix
The toolbar you see on this website is hosted and powered by Wibiya. It is a great social tool, all is in one place without cluttering up your website layout. One downside however is that it doesn't play nice with Javascript (and this site uses tons of scripts). I was struggling for days seeking a permanent solution.
The main problem is Joomla uses mootools and Wibiya toolbar loads in jQuery javascript which have known incompatibility issue when run together. A quick search on Joomla's extensions section yielded SC jQuery, a tool that sets "no conflict" mode to allow usage of scripts such as the Wibiya toolbar with mootools, and other libraries. After installation of this plugin, it seemed to fix the problem. It was not long for me to find out that some of the modules were still acting strange.
So the search was still on. I went to the developer's support forum and came up on a post that perked my interest which eventually fixed my problem (you still need to have SC jQuery running).
There is one tiny parameter you can change in our code so there won't be any clashes with other frameworks on your website.
The code you have now in <----> is:
script type="text/javascript" src="http://toolbar.wibiya.com/toolbarLoader.php?toolbarId=XXXX" mce_src="http://toolbar.wibiya.com/toolbarLoader.php?toolbarId=XXXX"
Change it to:
< script type="text/javascript" src="http://toolbar.wibiya.com/toolbarLoader.php?toolbarId=XXXX&nc=0&pl=1" mce_src="http://toolbar.wibiya.com/toolbarLoader.php?toolbarId=XXXX&nc=0&pl=1"
* you just need to add "&nc=0&pl=1" after the number.
UPDATED: Wibiya has since changed their code and no longer would one need the add "&nc=0&pl=1" after the ID number. SC JQuery still needed. I stopped using the toolbar because it takes much longer for the side to load.