Comments on: IE7 Flash Embed Bug (Re: The DOM is a Mess)

By: Issac Maez

Issac Maez — Tue, 03 Nov 2009 19:59:48 +0000

Great insight. I agree completely

By: Frank

Frank — Mon, 19 Oct 2009 10:20:06 +0000

Thanks, that comes in very handy. As I am using mootools for nearly every project, the port is exactly what I need!

keep up the good work!

By: adam

adam — Fri, 31 Jul 2009 18:01:42 +0000

@Willie: Thanks for the mootools port!

By: Willie

Willie — Mon, 06 Jul 2009 18:04:45 +0000

Hi, your solution worked wonderfully!

Let me share with you the “mootools” version. If say all of your problematic DIVs where of class “jw_player”, then the code would be like:

window.addEvent (’beforeunload’, function() {
$each($$(’jw-player’), function(el) { el.dispose; });
});

You can change the class name to whatever you wand and add several $each sentences as classes you have.

Willie.

By: wk

wk — Mon, 06 Apr 2009 14:46:51 +0000

Thanks, it worked for me as well, much appreciated.

By: adam

adam — Mon, 23 Mar 2009 21:17:24 +0000

@Jonathan
No problem. Glad to help.

By: Jonathan

Jonathan — Mon, 23 Mar 2009 19:12:50 +0000

I’ve got Method 2 working! Thanks!

By: Jonathan

Jonathan — Mon, 23 Mar 2009 03:04:24 +0000

Seems like Method 2 should be pretty easy for me to do since jQuery is baked in to Drupal and it looks like I can just drop a script.js file into the theme’s folder.

http://drupal.org/node/171213

By: Jonathan

Jonathan — Mon, 23 Mar 2009 02:30:00 +0000

Thanks Adam. I’ll give it a try sometime soon. I use Drupal, not Wordpress, but presumably Google will be my friend and teach me how to add javascript to my Drupal template, etc.

By: adam

adam — Mon, 23 Mar 2009 01:56:54 +0000

@Jonathan Ahh, I now understand the situation. This can easily be solved in a number of ways. I'll first tell you the one which will work well with what we already have. Method 1 First, check out the addEvent() function found here. Using this function we can get multiple functions to be triggered using the same event. So you'll want to put this function in a functions.js file on your server and add it to your wordpress template's . Next, to avoid collisions, you'll want to make sure that the ieFix() functions are renamed to ieFix_something() where the "something" is unique from post to post. (Otherwise on the front page we'll have two javascript functions with the same name.) Other than renaming these functions, the contents can stay the same. (However, again, the "ieFixID1" and similar IDs will also need to be unique throughout the different posts.) Lastly, instead of writing:

window.onbeforeunload = ieFix;

you'll need to write:

addEvent(ieFix);

The addEvent() function will take care of the rest. Method 2 This method is probably better, but it might be harder for inexperienced javascript developers to follow. First, download the jQuery javascript library and add it as a script to your documents Next, don't even bother giving id's to all of your embeds. Instead give them all the same class:

and add this javascript code to your template (not individually to each post).

window.onbeforeunload = function(){
	$(".ieFixMe").remove();
}