Dear Lazyweb: javascript edition

[yesthattom]

How do I execute some javascript and see the real output?

For example, if you look at this page you will see a text box in the middle of the screen. It's generated by calling the java script function "CAdrawbox('standard', '550')". If you check the source code in the browser you just see "CAdrawbox('standard', '550')". I want to see the HTML that the function output.

I've extracted the javascript to a file called foo.js but loading it into a browser just shows me the output (I believe).

Suggestions? I need to scrape this HTML (just once) for use on another project related to the website.

Comments

[origamislayer.livejournal.com]

If you are using Firefox, select the entire page, right click and choose "View Selection Source". IE has a IE 5 plugin that allows this (and runs IE 6.x) but, well, it's IE.

This will show you rendered page in it's current state. This is invaluable when you're writing JS that updates the page on the fly.

[yesthattom.livejournal.com]

You rock! That's a great tip!

Sadly, I've already walked through the code manually to determine what it was outputting. Ugh. The result is that I now turn an RSS feed into something that people can #include on their web site if they want a box like this.