Ubercart

This issue comes up from time to time in these forums and the cause is almost always a JavaScript error on the page. If you search the forums for that error message you will find a lot of useful debugging help. Firebug should be able to pinpoint the problem if it's a JavaScript error.

Okay, I've made some progress... The tip from Ryan & tr re: using Firebug was very helpful. I'd never used that extension before, but it helped me drill down to the lines in the particular *.js files that needed editing. It may have been possible to do that with just Firefox's error console as well, I suppose.

What I did:

Using Firebug, I would reload the checkout page and Firebug would indicate an error. Initially these errors all pointed to lines that called some function like this: $(some_function)..., and I would change it to read: jQuery(some_function). I would then reload the page and check out the error indicated by Firebug, repeating the process for the indicated line, in the appropriate js file, somewhere in the Ubercart module. I did that about a half dozen times (should have taken notes, sorry - but when necessary, I would start from scratch by simply unpacking the ubercart tarball again in the modules directory and write over any changes I'd made...)

Eventually Firebug indicated a different sort of message: '$.post is not a function' (or similar). In this case, I'd go to the indicated line (or near it) and find a call like that: $.something, and change that to jQuery.something. I did that maybe twice.

Finally, Firebug stopped indicating any errors for the checkout page, and I can now see both of the payment method areas that were previously hidden by the animated striped bar: The order total preview , and the fields where you would enter your Credit Card info (number, card holder name, expiration date, etc.).

Further development will show further errors, no doubt, but I can move on.

Thanks, everybody!
-dave.

Lyle:

Thanks for the link. I'm not sure how to apply the fix, though. It says:

Javascript should be made compatible with other libraries than jQuery by adding a small wrapper around your existing code:

The $ global will no longer refer to the jquery object. However, with this construction, the local variable $ will refer to jquery, allowing your code to access jQuery through $ anyway, while the code will not conflict with other libraries that use the $ global.

Does that wrapper go around every *.js file in the various directories sprinkled throughout my Drupal install? Or around every separate function? And I assume that this should be applied to the Drupal-installed *js files only, not whatever supplemental Libraries have been put in place (e.g. MooTools).

Thanks in advance for any clarification!
-dave.

The method shown in your link is the standard practice when writing jQuery plugins - it puts the definition of $ into a local scope, avoiding namespace conflicts. I think that's a great idea to apply to all Drupal (and Ubercart) use of jQuery. So yeah, go for it!

But even with all .js in Ubercart changed to use that syntax, you're faced with the problem that the changes to Drupal core may not happen for a LONG time. (The above patch just got committed to D7 after TWO YEARS of discussion. Might never get backported to D6, let alone D5). And of course there are lots of other contributed modules that won't follow along. So it's still going to be a pain to manually change all the Drupal .js and keep it up-to-date. But that shouldn't stop Ubercart from doing the right thing.

We're running the latest recommended version of Ubercart (installed tonight) and it's still producing this same javascript error ("Javascript must be enabled to view the order total preview.") on every browser, ever platform.

I am prepared to go in and make this change -- adding the jquery replacement code to the beginning and end of each .js file. However, this forum topic says it just has to be done to the Drupal installed .js files, not the ones that come with add-on modules. However, all the errors I've found so far in Firebug are '$" characters in 3rd party module .js files (fbconnect, administration menu, etc.). Am I supposed to change this in all files throughout the installation?

Is this really the solution to this -- it seems a little scary to edit everything in drupal and third party modules to get these few checkout pages to work. Is there some other strategy?

If not, is there someway to eliminate all .js files from being loaded on the cart* pages? Is there some globally referenced file that can be put somewhere in Drupal that will do this replace automatically upon loading of those .js files automatically?

This bug has effectively rendered useless our site, the day before we're supposed to go live with a major product sale. I've worked on this for 2_ days and am in trouble here. Does anyone have any guidance or assistance for me?