JSFiddle - React, Tailwind, and code Playground

by niphor

HTML

<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
<button> Click </button>
<object id='flash2' type='application/x-shockwave-flash' data='http://www.adobe.com/main.swf' style='width: 100%; height: 1em;'></object>
<object  id='flash' name="player_api" width="100%" height="100%" id="player_api" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><PARAM NAME="_cx" VALUE="13229"><PARAM NAME="_cy" VALUE="8996"><PARAM NAME="FlashVars" VALUE='config={"clip":{"url":"http://pseudo01.hddn.com/vod/demo.flowplayervod/honda_accord.flv"},"playerId":"player","playlist":[{"url":"http://pseudo01.hddn.com/vod/demo.flowplayervod/honda_accord.flv"}]}'><PARAM NAME="Movie" VALUE="http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf"><PARAM NAME="Src" VALUE="http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf"><PARAM NAME="WMode" VALUE="Window"><PARAM NAME="Play" VALUE="0"><PARAM NAME="Loop" VALUE="-1"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="SAlign" VALUE="LT"><PARAM NAME="Menu" VALUE="-1"><PARAM NAME="Base" VALUE=""><PARAM NAME="AllowScriptAccess" VALUE="always"><PARAM NAME="Scale" VALUE="NoScale"><PARAM NAME="DeviceFont" VALUE="0"><PARAM NAME="EmbedMovie" VALUE="0"><PARAM NAME="BGColor" VALUE="000000"><PARAM NAME="SWRemote" VALUE=""><PARAM NAME="MovieData" VALUE=""><PARAM NAME="SeamlessTabbing" VALUE="1"><PARAM NAME="Profile" VALUE="0"><PARAM NAME="ProfileAddress" VALUE=""><PARAM NAME="ProfilePort" VALUE="0"><PARAM NAME="AllowNetworking" VALUE="all"><PARAM NAME="AllowFullScreen" VALUE="true"><PARAM NAME="AllowFullScreenInteractive" VALUE=""><PARAM NAME="IsDependent" VALUE="0"><param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="quality" value="high"><param name="bgcolor" value="#000000"><param name="flashvars"...

JavaScript

$('button').click(function(){
    $.acceptData($('#flash')[0]);        
});
    
var $results = jQuery("#results"),
    selectors = {
        existence: "object[type]",
        value: "object[id=flash]",
        quoted: "object[type='application/x-shockwave-flash']",
        contains: "object[type*=flash]",
        "negative contains": "object:not([type*=java])",
        "non-qSA": "object:not(:animated)[type]"
    };

$results.append("<li>flashObject.getAttribute: " + jQuery.type( jQuery("#flash")[0].getAttribute ) + "</li>");

jQuery.each( selectors, function( label, selector ) {
    var description = label + " (<code>" + selector + "</code>)";
    try {
        $results.append( "<li>" + description + ": " +
            jQuery( selector ).length + "</li>" );
    } catch ( x ) {
        $results.append( "<li>" + description + ": " +
            x.message + "</li>" );
    }
});