JSFiddle - React, Tailwind, and code Playground

by dswitzer

HTML

<h1>
    IE 11 Applet Removal Issue
</h1>

<div id="modal">
    <div>
        Applet
        <a href="#close" id="close">X</a>
    </div>
    <div>

<!--[if !IE]>-->
	<object id="ClipboardApplet" classid="java:ImageClipboardApplet.class" type="application/x-java-applet" archive="https://192.168.1.91/applets/clipboard_20111004112500.jar" mayscript="true" scriptable="true" height="250" width="100%">
		<param name="archive" value="https://192.168.1.91/applets/clipboard_20111004112500.jar">
		<param name="mayscript" value="true">
		<param name="scriptable" value="true">
		<param name="url" value="https://192.168.1.91/">
		<param name="fieldname" value="attachment_file">
		<param name="filetype" value="png">
		<param name="delay" value="5">
		<param name="debug_console" value="false">

		<object type="application/x-java-applet" height="250" width="100%">
			<param name="archive" value="https://192.168.1.91/applets/clipboard_20111004112500.jar">
			<param name="code" value="ImageClipboardApplet">
			<param name="mayscript" value="true">
			<param name="scriptable" value="true">
			<param name="url" value="https://192.168.1.91/">
			<param name="fieldname" value="attachment_file">
			<param name="filetype" value="png">
			<param name="delay" value="5">
			<param name="debug_console" value="false">
		</object>
<!--<![endif]-->

	<!--[if IE]>
		<object id="ClipboardApplet" classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" width="100%" height="250">
			<param name="code" value="ImageClipboardApplet" />
			<param name="archive" value="https://192.168.1.91/applets/clipboard_20111004112500.jar" />
			<param name="mayscript" value="true" />
			<param name="scriptable" value="true" />
			<param name="url" value="https://192.168.1.91/" />
			<param name="fieldname" value="attachment_file" />
			<param name="filetype" value="png" />
			<param name="delay" value="5" />
			<param name="debug_console" value="false" />
		</object>
	<![endif]-->

<!--[if...

CSS

#modal {
    border: 1px solid #000;
    margin: 20px;
    background-color: #ccc;
}

JavaScript

$(function (){
    $("#close").bind("click", function (e){
        e.preventDefault();
        remove("#modal");
        $("#modal").remove();
    });
});

function remove( selector, keepData ) {
			$(this).each(function() {
				if (!keepData) {
					if (!selector || $.filter( selector, [ this ] ).length) {
                        console.log(this);
						$('*', this).add(this).each(function() {
							debugger;
							$(this).triggerHandler('remove');
						});
					}
				}
			});
		}