Forums

Hello All,

Those little yellow textboxes that pop up with messages when you hover yor cursor over the little blue 'i' icon don't show. When I hover over the textbox field however, that message shows. Weirdly enough, the tooltips work in the ChronoForms back end control panels.

It happens in IE and Firefox, Joomla 1.5.20 on both IIS and a LAMP.

Is that one of those 'mootools' bugs?

Hi canadave ,

It's quite likely a JavaScript conflict. Please post a link to a form with the problem so we can take a quick look.

Bob

Here's a link to the form:

http://homelessawareness.ca/index.php?option=com_content&view=article&id=58

Hi canadave,

If you check the form without the template all is well.

Your template (or some other component) is loading the jQuery JavaScript library. Out of the box jQuery isn't compatible with the MooTools library used by Joomla! and ChronoForms. You can use jQuery with MooTools in no-conflict mode. There are various ways of doing this. The simplest is to add a line of script in the ChronoForms Form JavaScript box:

jQuery.noConflict();

This will free the $ operator which is used by MooTools, so you may need to update your own javascripts to use the longer jQuery operator.

There is also a neat Joomla! system plugin named SC jQuery that allows you to control on which pages jQuery is loaded, and will always load it in no-conflict mode.

Bob

I tried the jQuery.noconflict in the javascript box, no joy there. Looking at FireBug in FireFox, there's a bunch of errors, not necessarily ChronoForms, but the one at the end says 'jquery not defined':

Class is not defined
[Break on this error] var Calendar=new Class({options:{block...ar.implement(new Events,new Options);
calendar2.js (line 4)
Class is not defined
[Break on this error] var ChronoTips = new Class({
customclasses.js (line 1)
Element.extend is not a function
[Break on this error] getInputByName2 : function(nome) {
index....onForm2 (line 23)
window.addEvent is not a function
[Break on this error] window.addEvent('domready', function() {
index....onForm2 (line 32)
window.addEvent is not a function
[Break on this error] var fieldsarray_count = 0;window.addEvent('domready', function() {
index....onForm2 (line 50)
Element.extend is not a function
[Break on this error] getProperty: function(property){
jsvalidation2.js (line 22)
jQuery is not defined
[Break on this error] jQuery.noConflict();//]]>
index....onForm2 (line 58)

Hi canadave,

Looks like most of those show up because the template isn't loading MooTools at all. Looks like you have a rather unsympathetic template. Is it a port from a non-Joomla! design?

Bob

Yeah, the template has been kind of shaky from the get-go...had to have the guy dial in to fix things with the CSS and all. I don't know if it was part of something else originally. It went so well with the charitable theme of the group though, that I went with it *sigh*.

I'm going to delete the tooltips from the form and just go with the other pop up boxes when they hover over the textboxes.

Thanks for taking a look at it🙂