I Give YOU the Power!
Starting today, I'm putting the power in your hands. That's because I believe that you, the user should have the authority to design the layout positions for my page. All you need is Firefox, a keyboard, and a mouse, and you can drag nearly any element on this page and put it somewhere else. (If you have Internet Explorer, then suck it.) Here's how it works:
- Press and hold the Shift key.
- Click on an item and drag it wherever you want.
- Stare in awe.
Known Issues:
- Mouse movement is only detected within the element, which means you can move the mouse really fast, and escape it. I originally detected all mouse movement within the document, but could not modify and access the variable thisElement in different functions.
- If you click on a link and drag it, strange things happen. I'd like to access all elements with anchor tags and setAttribute("onmousedown","event.cancelBubble=true;") for all of them. Doesn't work.
- I'm having problems with the header and footer positioning themselves differently from the rest of the document. I believe this is because of Blogger's NavBar.
- Doesn't work in IE... Oh wait, I couldn't care less.
If you find any other bugs (there are likely to be many), you can solve any of these, or you have any ideas to make it better, then let me know.
Special thanks to Seth for being a genius.

5 Comments:
How about a Ctrl+click resets the element? Have it store the original coordinates into whatever.original (or whatever), and then reset them when you ctrl+click it?
Or even an close button, to erase certain elements... or maybe a Ctrl+shift random color changer... the possibilities are endless!
You don't mind if I steal some of your ideas for my blog, do you...?
Wow, this is way better than some random country's political party.
Bug:
The footer appears right below the top navbar and above the "header" with the eipiplusone and the random quote until the whole page loads, at which point it jumps to the bottom.
@ greg
Fixed footer problem. Since its position is based on attributes that don't load until the whole page does, it still does not show up until then. But now it is invisible until then.
Post a Comment
<< Home