Droplets / JavaScript / Flash problems

Not enough information here to even begin.

This is likely a JavaScript rendering issue and may be browser-specific.

It is indeed browser specific. It doesn't seem to be working on Firefox 2.0.0.14 and 2.0.0.17 and 3.0.3 in Windows, neither on Firefox 3.0.3 in Ubuntu. Internet Explorer 6 doesn't seem to be causing any problems.

When trying widgets from Widgetbox, and I choose Flash instead of javascript, a different anomaly occurs. This also only happens in Firefox, IE works fine. see picture.

edit: strangely enough the examples on therickards.com work fine in firefox..

The picture looks like a CSS / layout issue. Is that a fixed-width design?

I would try FireBug and see if it tells you anything useful.

I found out what the problem with Flash widgets from widgetbox was. It seems that when using the "full html" input format, there are still two filters active by default (Url filter & line break convertor) which seem to mess up the layout of the page where the droplet is located. I created a custom input filter 'mysite' which doesn't use any filters at all and this seems to be working for Flash at least.

This doesn't fix the white screen javascript problem unfortunately.

I'm currently testing with a simple "quotes by Gandhi" widget from Widgetbox and I'm using the following code for the gadget.

<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertWidget.js?appId=e5042a18-69a2-42cb-8080-05f01fb6b5a4"></script>

This results in a white screen as described in the comments above. When loading a page with this widget I can see the proper layout for a split second (the droplet hasn't loaded yet), and then the screen turns white. I've tried the code above with both "full html" and my own "mysite" input format.

This only occurs in Firefox, IE6 works fine.

Any suggestions on where to look?

In FireBug, it might tell you something.

I do not have this issue on FireFox / Mac. But on Safari, the page loads normally and then explodes to WSOD if I try to collapse and then expand the element with the Gandhi widget.

Maybe there is a JS conflict between JQuery and the widget (or the WidgetBox) code.

You were right, there is a conflict with JQuery.

When I installed mysite and the two Jquery modules, the drupal status report told me the following:

Please copy jQuery
In order for the jQuery Update module to work correctly, please copy the file at modules/jquery_update/misc/jquery.js and use it to replace misc/jquery.js.

So I did...

Moments ago I restored the jquery.js version version that comes with Drupal 5 and the 'white screen' problem was solved, but the 'error report' came back. So far I haven't encountered any other problems, but somehow this doesn't feel entirely right. Which version are you using?

I barely have any knowledge of Javascript (or Jquery) so I'm afraid I can't really help with that, sorry.

Thanks for your help so far! much appreciated.

I'm testing on Drupal 5.x.10 with jQuery Update 5.x.1.0, which is jQuery 1.1.2.

It is also possible that jQuery Interface is the problem.

Ah, it seems that I was using jQuery Update 5.x.2.0. I'm now using the same version as you, and everything is working perfectly now, no errors anymore.

Thanks a bunch.

I recently made a note on the project home page reminding people that we use 5.x.1.0. Haven't tested on 5.x.2.0 and have no real plans to do so.