Skip to content

Instantly share code, notes, and snippets.

@acdha
Created January 15, 2010 15:06
Show Gist options
  • Save acdha/278111 to your computer and use it in GitHub Desktop.
Save acdha/278111 to your computer and use it in GitHub Desktop.
Bookmarklet to load Helium without modifying the page
/*
Loads http://github.com/geuis/helium-css for testing without modifying the source pages
Crunched by http://ted.mielczarek.org/code/mozilla/bookmarklet.html to:
javascript:(function(){(function(msg,target){var loader=function(){if(arguments.callee._executed)return;arguments.callee._executed=true;if(typeof target==="function"){target();}else{jQuery.getScript(target);}var el=document.createElement('div');el.style.position='absolute';el.style.height='30px';el.style.width='200px';el.style.margin='0 auto 0 auto';el.style.top='0';el.style.left='40%';el.style.padding='5px 10px';el.style.backgroundColor='#F00';el.style.fontWeight="bold";el.style.textAlign="center";el.innerHTML=msg;document.body.appendChild(el);window.setTimeout(function(){jQuery(el).fadeOut('slow',function(){jQuery(this).remove();});},2500);};if(typeof jQuery!=='undefined'){loader();}else{var s=document.createElement('script');s.type="text/javascript";s.setAttribute('src',document.location.protocol+'//ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js');if(s.addEventListener){s.addEventListener("load",loader,false);}else if("onreadystatechange" in s){s.onreadystatechange=function(){if(this.readyState=='complete'||this.readyState=='loaded'){loader();}};}else{window.setTimeout(loader(),2500);}document.getElementsByTagName('head')[0].appendChild(s);}})("Helium Loaded!",function(){jQuery.getScript('http://github.com/geuis/helium-css/raw/master/helium.js',function(){helium.init();});});})();
*/
(function (msg, target) {
var loader = function() {
// Avoid executing this function twice:
if (arguments.callee._executed) return;
arguments.callee._executed = true;
if (typeof target === "function") {
target();
} else {
jQuery.getScript(target);
}
// Now that we're done with the actual work, let's display a
// confirmation message so the user knows it's ready:
var el = document.createElement('div');
el.style.position='absolute';
el.style.height='30px';
el.style.width='200px';
el.style.margin='0 auto 0 auto';
el.style.top='0';
el.style.left='40%';
el.style.padding='5px 10px';
el.style.backgroundColor='#F00';
el.style.fontWeight="bold";
el.style.textAlign="center";
el.innerHTML=msg;
document.body.appendChild(el);
window.setTimeout( function() { jQuery(el).fadeOut('slow', function() { jQuery(this).remove(); } ); }, 2500 );
};
if (typeof jQuery !== 'undefined') {
// Nice - this page already uses jQuery!
loader();
} else {
var s = document.createElement('script');
s.type = "text/javascript";
s.setAttribute('src', document.location.protocol + '//ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js');
if (s.addEventListener) { // Mozilla / WebKit
s.addEventListener("load", loader, false);
} else if ("onreadystatechange" in s) { // IE
s.onreadystatechange = function () {
if (this.readyState == 'complete' || this.readyState == 'loaded') { loader(); }
};
} else {
// Chances are if your browser is this old jQuery won't even work but just in case:
window.setTimeout(loader(), 2500);
}
document.getElementsByTagName('head')[0].appendChild(s);
}
})("Helium Loaded!",
function() {
jQuery.getScript('http://github.com/geuis/helium-css/raw/master/helium.js', function() { helium.init(); });
}
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment