Quick links builder

Create your own quick links

Quicklinks are great for development and debugging as they are very quick to create, if you need to find the current state of an HTML element, javascript object. They really come into their own for manipulating/debugging javascript or HTML elements on the page, I don't tend to keep them, just create them for task. There are some examples to get you started in the "Links library" section so you can get a flavour of the sort of things you can do. Most of the examples are IE based, FF, Safari and Opera have better debugging tools built in (and need less debugging ;).

You can use this page to create your own quick links by typing the javascript you want into the black textarea below or by clicking on one of the "load code" library links on the right and amending the javascript to meet your needs.

1) test data

If neccessary, add some test HTML to the bottom of this page that you can use to test your quicklink.

2) javascript

Put the javascript you want to run here (javascript will be truncated to one line so don't use // comments and always end lines with ; where neccessary). You can load one of the example links form the right and amend it.

3) create link

To build your link and add it to your browser, click the "build link" button below, click on the link to test it's working ok then right click on the link and select "Add to favourites" save your link to the "links menu"

Right click this link and Add to favourites

Links library

Quite a number of these examples are IE only

Insert external js libs
Add dojo to page void(function(uri){if(window.dojo){return}; var%20s=document.createElement('script'); s.src=uri; document.getElementsByTagName('head')[0].appendChild(s); alert('dojo added'); }('http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.js')) (load code)
Add YUI to page void(function(uri){if(window.YUI){return}; var%20s=document.createElement('script'); s.src=uri; document.getElementsByTagName('head')[0].appendChild(s); alert('YUI added'); }('http://yui.yahooapis.com/2.4.0/build/yahoo-dom-event/yahoo-dom-event.js')) (load code)
Add jQuery to page void(function(uri){if(window.jQuery){return}; var s=document.createElement('script'); s.src=uri; document.getElementsByTagName('head')[0].appendChild(s); alert('jQuery added'); }('http://code.jquery.com/jquery-1.2.1.js')) (load code)
Add Jash to page void(function(uri){if(window.jash){window.jash.main()}else{ var s=document.createElement('script'); s.src=uri; document.getElementsByTagName('head')[0].appendChild(s);} })('http://www.billyreisinger.com/jash/source/latest/Jash.js'); (load code)
Add MRI to page void(function(uri){ var s=document.createElement('script'); s.src=uri; document.getElementsByTagName('head')[0].appendChild(s); })('http://westciv.com/mri/theMRI.js'); (load code)
Add xRay to page void(function(uri){ var s=document.createElement('script'); s.src=uri; document.getElementsByTagName('head')[0].appendChild(s); })('http://westciv.com/xray/thexray.js'); (load code)
Browser manipulation/info
compatMode alert(document.compatMode); (load code)
alert() window.OCSX2=(window.OCSX2)?window.OCSX2:'window.location.href'; OCSX2=prompt('Type in the js you want to run',OCSX2);if(OCSX2)alert(eval(OCSX2)) (load code)
eval() window.OCSX1=(window.OCSX1)?window.OCSX1:'document.getElementsByTagName(\'DIV\')[0].style.width=\'600px\''; OCSX1=prompt('Type in the js you want to run',OCSX1);if(OCSX1)eval(OCSX1) (load code)
Page manipulation/info
update selection var t=document.selection.createRange().text,u;if(t){ u=prompt('Update text',t); if(u){document.selection.createRange().text=u} }else{ alert('select text first') } (load code)
view selection src /* note: this alerts what the browser sees not the actual src */ var s = document.selection.createRange().htmlText; s=(s)?s:'You have to select something, dummy'; alert(s) (load code)
selected text length var s = document.selection.createRange().text;s=(s)?'selection length: '+s.length:'You have to select something, dummy';alert(s) (load code)
Alert cookie info var c=(document.cookie)?unescape(document.cookie.replace(/; /g,':\n')):'No cookie found';alert(c); (load code)
Alert meta-data var m=prompt('http-equiv','description'); var metadata=document.getElementsByTagName('meta'); for(var i=metadata.length-1;i>0;i--){ if(metadata[i].httpEquiv==m){alert('http-equiv='+m+': '+metadata[i].content);break} } (load code)
HTML/CSS manipulation/info
Show tables var ts = document.getElementsByTagName('TABLE'); var tds = document.getElementsByTagName('TD'); for(ii=0;ii<ts.length;ii++){ ts[ii].style.border='2px solid red'; }; for(i=0;i<tds.length;i++){ tds[i].style.border='1px solid orange'; }; (load code)
Iframe info var ifs=document.getElementsByTagName("IFRAME"); var t=""; for(i=0;i<ifs.length;i++){ t+= ifs[i].id + ifs[i].name+ " src=" + ifs[i].src + "\n" }; alert( "Ifames on this page "+i+"\n"+ t ) (load code)
Toggle link css var i=0;if(document.styleSheets.length>0){cs=!document.styleSheets[0].disabled;for(i=0;i<document.styleSheets.length;i++) document.styleSheets[i].disabled=cs;};void(cs=true); (load code)

Insert external js libs

Add dojo to page (load code)

Add YUI to page (load code)

Add jQuery to page (load code)

Add Jash to page (load code)

Add MRI to page (load code)

Add xRay to page (load code)

Browser manipulation/info

compatMode (load code)

alert() (load code)

eval() (load code)

Page manipulation/info