Jquery/Mootools

[suarve]

Hi,

Have used a grteat JQuery plugin called Innerfade, thats lets you fade anything within an element. A client wants this effect on this site. However, his site uses Mootools so when I import the JQuery library some of the mootools efefcts don't work.

Can anyone recommend a similar plugin/effect using mootools?

Thanks

 

[suarve]

I did just try that, but unfortunately it disables all efefcts on the page

 

[suarve]

i had this problem before and found a solution to it. will dig through some old pages to try and find it.

edit:

this might not work but worth a try



then for the jquery code use $j instead of $

I tried replacing the $ with jQuery and the no conflict plugin to no avail.

Will give that a try.

EDIT: for any of those interested, the plugin can be found here.

Anyone who finds something like, but in Mootools can have a huge internetz cookie.

 

[suarve]

Looking at the innerfade code it appears to use $ internally. You will probably need to edit the jquery.innerfade.js and replace all the references to $ with jQuery.

E.g

(function($) {

    $.fn.innerfade = function(options) {

Should be

(function(jQuery) {

    jQuery.fn.innerfade = function(options) {

etc.

Oh and of course any JQuery code you've written in the page to refence the jQuery object rather than $.

Also it's important your page is doing things in the correct order, it should be:

- Jquery include
- Set JQuery noconflict
- Include other libraries (Mootools etc).

Ideally of course you'd use one library (e.g. JQuery OR Mootools) but the above should work.

Have tried all that, except I imported the noconflct first.

At least I have a couple of things to try tomorrow Ever since I showed my boss that you can make things fade in and out, everything has do this now