Chronoforms + Mootools javascript

Hello GreyHead,

I am trying to use Mootools javascript and it fails on chronoforms, maybe you could know why?
I use Joomla 2.5 and CFv4. Here i give you the link for faster check http://jsfiddle.net/qa9ag/
Here's some php

<p>
<strong>Basic: </strong>
<a href="javascript:$('blove').show1();">Show</a> | <a href="javascript:$('blove').hidee1();">Hide</a><br />
<img src="http://www.nasa.gov/images/content/711374main_grail20121205_4x3_800-600.jpg" id="blove" />		
</p>

And Javascript

window.addEvent('load', function() {
	Element.implement({
		show1: function() {
			this.setStyle('display','');
		},
		hidee1: function() {
			this.setStyle('display','none');
		}
	});
});

I add php to custom code and Javascript in JS load, and it doesn't work.
Could you please help with it?

Hi Astley,

That looks like a lot of code for a small result, you can write that much more compactly. What do you see in your browser web develop console when you try this in a ChronoForm?

Please post a link to the form so I can take a quick look.

Bob

It gives the error: 'property $ of object is not a function' when trying to run javascript:$('blove').show1();
In google found it's might be related to jquery Mootools conflict.
Have used jQuery.noConflict() and function($) with no luck.

I cannot give the link to my form at the moment, but maybe it's enough info that i provided.

Thanks

Hi Astley,

Up to you to sort out the jQuery problems (if you can upgrade to Joomla! 3 then the noConflict is built in and seems to work well). Please see this FAQ for some suggestions for Joomla! 2.5.

Bob

I have updated Joomla and it works with no problem now.

I had problems while updating though. I had to reinstall chronoforms, because it has started to give errors on new Joomla.

Anyway, thanks for help.

Hi Astley,

I guess you either had a slightly older version of ChronoForms or a version for Joomla! 2.5; in either case you need to go to the latest J3 release to make sure that there are no errors.

Bob