CiviCRM Community Forums (archive)

Since upgrading to 4.3 we are experiencing significant problems with JavaScript and CSS. It appears that several pieces are not loading consistently. If I flush all caches the problem goes away for a few minutes, but then returns.

I have disabled CSS and JavaScript caching, and upgraded to 4.3.2.

When the problems occurs, the following bits of code are missing:

<script type="text/javascript">
var CRM = {"config":{"userFramework":"Drupal","resourceBase":"\/sites\/all\/modules\/civicrm\/"}};
</script>
<meta property="og:site_name" content="BikeWalkKC" />

@import url("https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/css/jquery.autocomplete.css?mmhju9");
@import url("https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/css/menu.css?mmhju9");
@import url("https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/css/token-input-facebook.css?mmhju9");
@import url("https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/jquery-ui-1.9.0/css/smoothness/jquery-ui-1.9.0.custom.min.css?mmhju9");
@import url("https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/DataTables/media/css/demo_table_jui.css?mmhju9");
@import url("https://bikewalkkc.org/sites/all/modules/civicrm/css/civicrm.css?mmhju9");
@import url("https://bikewalkkc.org/sites/all/modules/civicrm/css/extras.css?mmhju9");

<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/jquery-1.8.3.min.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/jquery-ui-1.9.0/js/jquery-ui-1.9.0.custom.min.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.autocomplete.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.menu.pack.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.chainedSelects.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.tableHeader.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.textarearesizer.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.form.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.tokeninput.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.timeentry.pack.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.mousewheel.pack.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/DataTables/media/js/jquery.dataTables.min.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.FormNavigate.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.validate.min.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.ui.datepicker.validation.pack.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.jeditable.mini.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.blockUI.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.notify.min.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/packages/jquery/plugins/jquery.redirect.min.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/js/rest.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/js/Common.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/js/jquery/jquery.crmeditable.js?mmhju9"></script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/js/jquery/jquery.crmasmselect.js?mmhju9"></script>
<script>CRM.url('init', '/civicrm/example?placeholder');</script>
<script src="https://bikewalkkc.org/sites/all/modules/civicrm/js/noconflict.js?mmhju9"></script>



yes, they are broken. And yes, I have cleared templates_c

Quote

Since upgrading to 4.3 we are experiencing significant problems with JavaScript and CSS. It appears that several pieces are not loading consistently.

Do you mean javascript and css are broken?

You should also clear your files/civicrm/templates_c directory ..

HTH
Kurund

Can you check your browser's error console and let us know if you see any errors. Can you also check if you get same behavior with default theme like garland just to make sure there is no theme conflict.

Kurund

Nope, no console errors. And it happens both Garland and Stark as well.

AFAIK you are the first to report this problem of hundreds of sites running 4.3, so it would be good to do some debugging on your end and see what's up.
As Kurund said, check your resource url settings in the civi admin section. Also check to see if the problem is happening for all users and not just some users.
Another distinction to make is: is the markup missing completely or is it pointing to the wrong url?
From your first post it looks like the markup is missing completely, however I notice in your code snippet that not all of it is Civi's css and js, but some of it belongs to drupal. So if that's true then there seems to be something going on with your drupal install.

Could you add some bit of code inside CRM/Core/Resources.php function addCoreResources - a devel dpr statement or better yet a snippet that logs something to a file. It would be nice to know if that function is being run or not.

I also notice this JavaScript error when the problem is happening. It occurs anywhere from 3 to 15 times, depending on the page viewed.

Error: ReferenceError: cj is not defined
Source File: https://bikewalkkc.org/civicrm/report/instance/11?reset=1
Line: 169

That line is called by Drupal. It should happen on every page load. So I wouldn't consider having that line absent "loading correctly."

I looked at this site. The Resource URLs and Directories are correct. The Drupal DB does need some updates to be run, but I don't think that is the issue here.

I also saw that the JS intermittently does work, and then fails again on a different page. The issue, when it fails, is a JS conflict, that's clear (it's not a CSS problem).

I see this site has "Context   7.x-3.0-beta6" which "Provide modules with a cache that lasts for a single page request." This may be the issue. I'm not positive, however.

When it fails, the error is "cj is not defined", as noted.

This site has a lot of modules--I looked for a caching tool as I thought perhaps that's the issue. The only one I see however is Context.