Question

I was trying to change my HTML files. Please see this to get a better understanding of what I am up to.

Every thing worked fine but as I viewed the source it was not changed. The changes I was trying to make were only reflected on the web-page I had opened on my browser.

Is it by any way possible to change the actual source of the HTML page?

I am using IE8 and GreaseMonkey4IE to run my JavaScript on the web pages I want to manipulate, just in case you are interested.

There is a similar question here. But I have my HTML files at my local storage. No server side – client side technicalities.

EDIT 1

Well I do have setup Tomcat but it is all in my local machine.
Also if I can modify the DOM can’t I save it as a new HTML file, this way I won’t have to mess with the original source file.

This is how we do it in firefox. There must be some way to do it in IE8.

EDIT 2
Now it is working fine for the HTML pages without any frames. But when I am trying this on pages with frames it is not working.It is going to kill me i am sure.
Perhaps this is because frame access other HTML pages. For example :

<frameset rows="95,*" frameborder="NO" framespacing="0" border="0" marginwidth="0"  marginheight="0">
    <frame name="title" target="content" src="Strategy%20Details.asp_files/title.htm"  scrolling="NO">
 <frameset cols="168,*">
   <frame name="navigation" noresize="noresize" width="168" target="content" src="Strategy%20Details.asp_files/navigation.htm">
   <frame name="content" noresize="noresize" src="Strategy%20Details.asp_files/home.htm">
 </frameset>
 </frameset> 

See how the frames are accessing the HTML pages in src attribute.

Any Idea ???

Answer 1

You should be able to see the dynamic changes using IE Developer Tools.

When you “View Source” the page shows you the source that was delivered from the server without any changes made afterwards. IE Developer Tools (or Firebug in Firefox, or Dragonfly in Opera) will let you see changes dynamically (and will also highlight changes as they occur!)