I'm not one of the biggest fans of Flash, that's for sure, though I think that its power is tremendous. Anyway, I've been asked to create a dialog box that would have to pop up before the Flash content was loaded. So I decided to use the jQuery UI library to perform this task. First, I put my box just before the Flash content, set an appropriate title attribute, added some content and finally initialized everything with:
$(document).ready(function() {
$('#dialog').dialog();
});
The odd thing is that I could see the dialog box properly showed while the rest of the world did not. It's probably something related to the stack order of page contents or, more likely, to the fact that the Flash object actually filled the whole page completely. I must confess: I'm puzzled. Why was I able to see it working in various browsers while other people did not? That's quite confusing.