JSFiddle - React, Tailwind, and code Playground

by guest271314

JavaScript

$(function () {
        $("body").text("click");
        window.msgHandler = function (e) {
            if (e.origin === "http://fiddle.jshell.net") {
                console.log(e, e.data);
            };
        };
        window.addEventListener('message', msgHandler, false);
        var iframe = $("<iframe>", {
            "width": "150px",
                "height": "150px",
                "target": "_top"
        });
        $(iframe).one("load", function (e) {
            var _data = $(e.target)[0].nodeName + " loaded at " + e.timeStamp;
            window.postMessage(_data, "http://fiddle.jshell.net");
    
            $(e.target)
                .contents()
                .find("html")
                .html("<html><body><div>" + _data + "</div><br /></body></html>");
            return false
        });
        var loadFrame = function (e) {
            console.log("msgHandler" in window
                        ? [window.msgHandler
                          , window.msgHandler.toString()
                          , typeof window.msgHandler] 
                        : false);
            $(e.target)
                .text("")
                .append($(iframe))
        };
    
        $(window).one("click", loadFrame);
    })