Mootools Floom in the header

[samyone 0]

I'll be back with news. I do it, Yes I can !! In this zip file :

• take the <div> in index.html and put it in functions.php with pagelines_after_branding_wrap hook
• put mootools-1.2.2.2-more.js and mootools-1.2.2-core.js in /platformbase/js folder
• put the slides in plateformbase/slides
• put call js and <script></sript> in Custom Code > Headerscripts

Then just ajust the margin and then take a look : Ville Fran?§ois

[samyone 0]

Is it possible that can exit conflict with JQuery and Mootools

[timlinson 3]

jquery conflicts are possible. Are you running into problems? I don't see anything wrong when I go to ville-francois.. it looks great. One thing I do notice though.. when I use chrome's script inspector, it gives this error: accordeon.js:10 Uncaught TypeError: Cannot call method 'click' of null: `$("a.lbOn").click(function(){`

[samyone 0]

Yep Tim, Is that the problem, I've got a accordeon in Conseil Municipal the show/hide doesn't want to display when mootools run. Also Tabber widget don't show my element.

[cmunns 16]

Try accordion noconflict mode: ` var GB_ANIMATION = true; var $j = jQuery.noConflict(); $j(document).ready(function(){ $j("a.lbOn").click(function(){ var t = this.title || $j(this).text() || this.href; GB_show(t,this.href,690,880); return false; }); }); `

[samyone 0]

Hi Adams, where could I put this code... in which file ?

[timlinson 3]

Backup your js/accordeon.js file and change these lines: ` var GB_ANIMATION = true; $(document).ready(function(){ $("a.lbOn").click(function(){ var t = this.title || $(this).text() || this.href; GB_show(t,this.href,690,880); return false; }); ` `});` to Adam's code: ` var GB_ANIMATION = true; var $j = jQuery.noConflict(); $j(document).ready(function(){ $j("a.lbOn").click(function(){ var t = this.title || $j(this).text() || this.href; GB_show(t,this.href,690,880); return false; }); }); `

[samyone 0]

Oupss ! I can see nothing.. it doesn't work i got the same problem

[catrina 103]

Hm, try deactivating the accordion and see if Mootools works.

[samyone 0]

Hi, Catrina Mootools is not my problem, even if i turn off accordion it works. My problem is trying to do Mootools (floom) an JQuery (accordion) works both. At this time with Adam's solution, it don't works. is there the same result with mootools (floom) in Jquery for my banner ? I think I would make a choise Mootools or Jquery, but not both... or if someone do it (both), i would like to see that.

[kastelic 6]

When you use no-conflict mode you have to actually replace every instance of

$(

with

$j(

or you can just replace every

$(

with

jQuery(

. You have to get every single one or it wont work.

[samyone 0]

Great guys ! the problem is resolved in part, @ Adams : Thanks it's rigth @ Tim : For the file accordeon.js @ Jimmy : It's rigth.. replace all instance of

$(

with

$j(

or

jQuery(

in all the document accordeon.js It do the best !! Wonderfull, it's work Could I do the same thing for the widget Tabber Widget, because i think it's the same problem when i activated mootools floom, Tabber widget and accordion doesn't work. Now, with this hook accordion works well, but Tabber widget do the same thing.

[samyone 0]

@News : to take the widget Tabber Widget work, finally I delete Mootols Floom, and replace by Nivo Slider which use JQuery. I don't have the Blinds effect, but it's solve my problem