Show window inside any web page

I want to implement a utility for myself that should provide a small console where I can execute random JS in any browser (much like Firebug's console - I don't reinvent the wheel, I just want to do something I need and just have fun doing it).

So the usage use-case would be this:

1. Click a bookmarklet from any browser.
2. It shows dialog (much like jQuery dialog or similar) with text area and couple of buttons.
3. User enter a JS in the text area.
4. User clicks a button and it gets executed.
5. User closes the dialog.

I don't know how I can display nice dialog开发者_运维技巧 on any web page (Gmail, news, static pages, whatever).

I think it would be possible to create a jQuery dialog (or other library) and show it on the page. But it could lead to a lot of issues as the dialog might conflict with page CSS, JS and so on.

So the question is how to display a custom dialog on any web page from all (major) browsers using JavaScript.

The NOTES: I don't want to have a popup window. IFRAME would be ok but we cannot use it as the web page's DOCTYPE might not support it.

Thanks,

Dmitriy.

http://getfirebug.com/lite.html

Works in IE, Opera, Safari - basically gives you firebug's functionality in any browser.

bookmarklets are pieces of JS code, so you can basically develop any kind of JS program and use it via bookmarklet... just do what you would do normally. check how other bookmarklets work.

regarding the window display - use lightbox-like effect (DIV layered over other content).