Spy On My CSS!

Posted By Taylor Romero | Nov 22, 2011
I am in a situation where I need an admin user to be able to select any DOM node on a page for later reference. I thought that the easiest way to do that would be to build out a simple Dojo widget with a fun draggy crosshair thingy (see below).

It is part of a much larger plan (more on that later), but I thought I'd share it because it's just kinda fun with which to play. I used an old line drawing bit I found somewhere a long, long time ago, so this could probably be done much nicer using a Canvas element or SVG, but it suites my needs.

If someone wants to take it and merge it into the Dojox branch, let me know, it will need a little once over to remove it from IronFrame. So, go ahead, drag the target to the left of the text box below.

 

Here's an easter egg, try it on an iPad =)