Conflict with other plugins in 1 article

Hello at all,

today I installed 4.0 RC3.11. It conflicts with Google maps both within 1 article (but the maps plugin is not within the form). I have enabled "Enable Joomla Plugins". Without the ChronoForm the map appears in the article, when adding the form it disappears.

Any help would be appreciated.

Cheers,
Chris

Hi Chris,

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

Bob

I don't know what happened to Chris, but I'm experiencing the exact same problem with the exact same setup.

Link: http://www.mikemahoneyblog.com/new/contact

The Google Map was just to the right of the address until I added my ChronoForm into the article too.

Hi megana,

There's a JavaScript error on the page - probably because you have two different versions of jQuery loading and one or both of them are not in noConflict mode.

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 - which may or may not work - 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 plugin named JB Library from Joomla! Bamboo that allows you to control on which pages jQuery is loaded, and will always load it in no-conflict mode. However this requires that JQuery is loaded using the Joomla Document object methods.

I have a tutorial on Resolving jQuery problems that explores some of he iddues an diagnostics and shows how to modify a template to use the Joomla! Document methods to load JQuery in noConflict mode.

Bob

Adding the line in the JavaScript box didn't have any effect. I will check out that tutorial. Thank you!

Actually now I want to double-check that I put that line in the right spot...my error message changed to: jQuery is not defined.

I edited my form in Advanced Mode and put the code in the On Load -> Load JS box. Is that correct?

Hi megana,

Yes that's the correct place. But the error message suggests that it is being run before JQuery has been loaded :-(

I'm afraid that you'll need to do some more work to get jQuery behaving correctly.

Bob

Hi i have the same problem here ..

thats the code in the Article:

<div>{mosmap width='500'|height='400'|lat='48.2846293'|lon='11.5677285'|mapType='Map'|text='Busunternehmen Ruppert'|tooltip='DWO'| marker='1'|align='center' }</div>
<p> </p>

{chronocontact}Kontakt{/chronocontact}

Thats the website:

http://ush.square7.ch/index.php/kontakt.html



i dont see any Error Messages do you ?

maybe this one ?
<noscript><blockquote class='warning'><p><b>JavaScript must be enabled in order for you to use Google Maps.</b> <br/>However, it seems JavaScript is either disabled or not supported by your browser. <br/>To view Google Maps, enable JavaScript by changing your browser options, and then try again.</p></blockquote></noscript>

With my meager JavaScript skills I was never able to fix this. Luckily, there are many other Google Maps plugins to choose from that DON'T conflict with ChronoForms.

So can you name me your Plugin that you using right now ?

I'm using this one: http://www.kksou.com/php-gtk2/Joomla-Gadgets/googleMaps-plugin.php

Hi Badb3nd3r,

I see these two JavaScript errors on the page:

invalid assignment left-hand side
myCal_d/m/Y = new Calendar({ d/m/Y: 'd/m/Y' }, { classes: ['dashboard'] });
kontakt.html (line 33, col 19)

pop is null
imp?Z=0x0&y=28&s=777543&_salt=1505368264&B=10&r=1()imp?Z=...=10&r=1 (line 4)

Bob