Created
June 21, 2009 22:07
-
-
Save subtleGradient/133677 to your computer and use it in GitHub Desktop.
document.write replacement using MooTools
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
--- | |
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.write.context); | |
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.context = document.body; | |
document.write.filter = function(el){ return true; }; | |
})(document.id||window.$); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// USAGE EXAMPLES // | |
var start = +new Date; | |
var i = 1000; while (i--) { | |
document.write(i+' '); | |
} | |
var end = +new Date; | |
alert(end-start); | |
window.addEvent('domready',function(){ | |
document.write('Lorem ipsum dolor sit amet'); | |
var myDiv = new Element('div'); | |
document.write.context = myDiv; | |
document.write('Lorem ipsum dolor sit amet'); | |
myDiv.inject(document.body,'top'); | |
}); | |
document.write(1,2,3,4); // handles multiple arguments | |
document.write(); // doesn't break | |
document.write(null); | |
// Add a filter to stop certain things from being injected into your page | |
document.write.filter = function(el){ | |
return el && !$try(function(){ return el.get('tag') == 'link' }) | |
}; | |
document.write('<link rel="stylesheet" href="http://gist.github.com/stylesheets/gist/embed.css"/>'); |
oh and any idea why this gist break the twitter widget?
http://jsfiddle.net/Ronny/rj8xf/1/
The doc.write there is pretty basic:
document.write('
But still, without this gist the plugin works.
Looks like they inject something into the DOM and then expect to be able to use it immediately (i.e. before DOMReady).
In that case, there needs to be some way for the document.write
replacement to have a whitelist of things that simply cannot function without actually injecting into the DOM at that very instant.
using to document.write to add the span tag pretty much makes this useless as an approach unfortunately.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Just fixed a little bug - If the code was put inside the head section, no context was set as document.body isn't available yet. Moved the initial context setter inside a domready function, as it isn't used anyway before the Browser.loaded flag is up.
This is important because this gist should probably be inside the head to protect any calls later on.
Check out the gist or preview on jsFiddle.