Title: Javascript conflict Last modified: August 24, 2016 --- # Javascript conflict * Resolved [Jargonsp](https://wordpress.org/support/users/jargonsp/) * (@jargonsp) * [11 years, 1 month ago](https://wordpress.org/support/topic/javascript-conflict-10/) * Hello, * First of thank you for the great plugin. * While the plugin loads fine and displays on my site, unfortunately there is a javascript conflict with another very popular premium plugin that I am using ( Essential Grid by Themepunch). * The problem is that if I use your plugin on the same page with a grid made with Essential Grid then the latter does not display and it just stays stuck (only the preloader displays). * I used the Firebug tool to check any errors and I can see this: * SyntaxError: expected expression, got ‘<‘ * sandbox64.js return window.wrappedJSObject || window; * Unfortunately, I do not know what to do with this so if the above is of any use to you and can correct it would be great and I will be able to use your plugin in my blog page. * Thank you in advance * [https://wordpress.org/plugins/my-wp-tagcanvas/](https://wordpress.org/plugins/my-wp-tagcanvas/) Viewing 6 replies - 1 through 6 (of 6 total) * Thread Starter [Jargonsp](https://wordpress.org/support/users/jargonsp/) * (@jargonsp) * [11 years, 1 month ago](https://wordpress.org/support/topic/javascript-conflict-10/#post-5977411) * Hmm, it seems that I found the culprit to this. * Essential Grid has a global setting “Wait for Google Fonts before script starts” that if I disable then it loads fine with your plugin present. * It seems that something “gets stuck” in the execution que and Google Fonts comes through my theme anyway so I already have the fonts used available. * Thread Starter [Jargonsp](https://wordpress.org/support/users/jargonsp/) * (@jargonsp) * [11 years, 1 month ago](https://wordpress.org/support/topic/javascript-conflict-10/#post-5977498) * Hello again, * I have another question regarding the image_CF. I have set up a rectangular canvas w292 X h530 pixels and I am trying to use an image at the center of the cloud. However, because my cloud is not square the image is also expanded vertically and as a result it displays deformed (pulled vertically). * Is there a way to keep the image aspect ratio at the center of the cloud locked?( This does not happen with the text function) * Thanks in advance. * Plugin Author [hityr5yr](https://wordpress.org/support/users/hityr5yr/) * (@hityr5yr) * [11 years, 1 month ago](https://wordpress.org/support/topic/javascript-conflict-10/#post-5977549) * Hi Jargonsp, * I’m glad you have resolved your problem. * Regarding image_CF I’ll come back to you soon. It’s 3:30 in the morning here and I need some sleep (I’m finalizing the new versions of the plugins.) * Don’t worry we will make it. 🙂 * Plugin Author [hityr5yr](https://wordpress.org/support/users/hityr5yr/) * (@hityr5yr) * [11 years, 1 month ago](https://wordpress.org/support/topic/javascript-conflict-10/#post-5977574) * Hi again, * First of all thank you for finding this bug in the code. I fixed it. In a couple of days I’ll release the new 4.0 version of the plugin, so you will be able to create a cloud with center function the way you like it. In case you don’t want to wait do this: * Open s.cf.js file, go to line 21, which is the last code line of image_cf function: c.drawImage(cfimg, w*f2/2, h*f2/2, w*f1, h*f1);) * and replace it with this code: * c.drawImage(cfimg, cx-(w/h<=1?w*f1/2:h*f1/2), cy-(w/h<=1?w*f1/2:h*f1/2), f1*( w/h<=1?w:h), f1*(w/h<=1?w:h)); * Save the file and enjoy your design. * Regards, * Peter * Thread Starter [Jargonsp](https://wordpress.org/support/users/jargonsp/) * (@jargonsp) * [11 years, 1 month ago](https://wordpress.org/support/topic/javascript-conflict-10/#post-5977579) * Thanks a lot for the reply and the upcoming new version. * I worked around the image_CF by creating an image at the exact dimensions of the cloud wrapper and centered the logo in there so no distortion. * I used a 3D sphere with the logo wrapped inside, some transparency and a background with some thin circles for the cloud. * The result is quite impressive using a sphere shape since the images appear as they go behind the circles that surround the sphere. Nevertheless the site is not online yet so can’t link to it. * Another small bug that I found (in my case anyway) was that some of the plugin’s styling interfered with the widget admin area. It actually altered some background colors and shortened a lot several of the text input fields for various other widgets. * What I did to correct it was to disable some of the lines in the plugin’s stylesheet. * These: * ``` */ #wihead{ /*font-family: Arial; font-size: 12px;*/ display: block; height: 76px; /*font-size: 12px; background: #bbb; border-top-left-radius: 4px; border-top-right-radius: 4px;*/ padding: 3px; color: #000; } input[type=text] { /*padding: 2px; width: 45px; color: #000; height: 18px; font-size: 12px; line-height:12px; border-radius: 4px; font-family: Arial;*/ ``` * All in all, great plugin! * Plugin Author [hityr5yr](https://wordpress.org/support/users/hityr5yr/) * (@hityr5yr) * [11 years, 1 month ago](https://wordpress.org/support/topic/javascript-conflict-10/#post-5977585) * 🙂 Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘Javascript conflict’ is closed to new replies. * ![](https://ps.w.org/my-wp-tagcanvas/assets/icon-256x256.png?rev=1010393) * [3D WP Tag Cloud-S](https://wordpress.org/plugins/my-wp-tagcanvas/) * [Frequently Asked Questions](https://wordpress.org/plugins/my-wp-tagcanvas/#faq) * [Support Threads](https://wordpress.org/support/plugin/my-wp-tagcanvas/) * [Active Topics](https://wordpress.org/support/plugin/my-wp-tagcanvas/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/my-wp-tagcanvas/unresolved/) * [Reviews](https://wordpress.org/support/plugin/my-wp-tagcanvas/reviews/) ## Tags * [javascript](https://wordpress.org/support/topic-tag/javascript/) * 6 replies * 2 participants * Last reply from: [hityr5yr](https://wordpress.org/support/users/hityr5yr/) * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/javascript-conflict-10/#post-5977585) * Status: resolved