JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<script>
document.write('Hello there.');
</script>
<div>
    Initial Page.<br>
    for more usage examples see <a href="http://jsfiddle.net/tofu/jEQSH/1/">http://jsfiddle.net/tofu/jEQSH/1/</a>
</div>
<script>
    window.addEvent('domready', function(){
        document.write('still there? (this should appear below a gray div.)');
        (function(){document.write(' This is written after a short delay')}).delay(1000);
    });
</script>

CSS

div {background: #aaa; height: 50px;}

JavaScript

/*
---
source: http://gist.github.com/133677

provides: document.write
description: MooTools based document.write replacement
requires: MooTools

author: Thomas Aylott -- SubtleGradient.com
thanks: Daniel Steigerwald -- daniel.steigerwald.cz
license: MIT
...
*/
(function($){

    var wrapper  = new Element('div'),
        fragment = document.createDocumentFragment();

    document._writeOriginal = document.write;
    document.write = function(){
        var args = arguments, id = 'document_write' + $time().toString(36);
        if (!Browser.loaded)
            document._writeOriginal('<span id="' + id + '"></span>');
        else
            id = new Element('span',{id:id}).inject(document.body);

        function documentWrite(){
            var html = Array.join(args, '');
            document.addEvent('domready', function(){
                Array.filter(wrapper.set('html', html).childNodes, document.write.filter).each(function(node){
                    fragment.appendChild(node);
                });
                (id = $(id)).parentNode.replaceChild(fragment, id);
            });
        }

        setTimeout(documentWrite, 0);
    };
    document.write.filter = function(el){ return true; };

})(document.id||window.$);