ExtJS apps as bookmarklets

Load ExtJS bookmarklet

It was jgarcia who inspired me to make these bookmarklets. He is using Firebug as presentation environment. I believe most of us have seen his screencasts.

But before starting typing ExtJS code in Firebug console, one has to load ExtJS library and css, somehow. The easiest way is to use empty page with ExtJs loaded. But what if one wants to play with ExtJS within other pages; already loaded by FF? In here John Resigs bookmarklet helps. He has shown jQuery load bookmarklet here: https://johnresig.com/blog/hacking-digg-with-firebug-and-jquery/

javascript:var%20ss=document.createElement’link’;ss.setAttribute’rel’,’stylesheet’;ss.setAttribute’type’,’text/css’;ss.setAttribute’href’,’http://extjs.cachefly.net/ext-2.2/resources/css/ext-all.css’;document.getElementsByTagName’head’0.appendChildss;voidss;var%20core=document.createElement’script’;core.setAttribute’src’,%20’http://extjs.cachefly.net/builds/ext-cdn-8.js’;document.body.appendChildcore;core.onload=functionExt.Msg.alert’Ext’,%20’ExtJS%20is%20loaded!’;;core.onload=functionExt.Msg.alert’Ext’,%20’ExtJS%20is%20loaded!’;;voidcore;

Go to http://www.google.com/search?num=100&hl=en&lr=&q=extjs , click the bookmark and you should see the result.

It looks like cool stuff for teenagers who start learning ExtJS. In fact, just did it as a demo for my friend’s son.

Take a look at the gallery of bookmarklets results below:

Another example of ExtJS bookmarklet is below:

Author: Steve

My name is Steve Nirrheim and I'm doing WordPress development for our clients. We run this blog because of to help others to learn about ExtJs WordPress.