title: How do I change the URL of the "parent" frame?
body: <p>I have a website which I host myself. I do not have a static IP address so I have all traffic for my domain forwarded with masking to my DDNS account. The resulting page looks like this...</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;mydomianname.com&lt;/title&gt;
  &lt;/head&gt;
  &lt;frameset rows="100%,*" border="0"&gt;
    &lt;frame src="http://myddns.dyndns.org/mydomainname" frameborder="0" /&gt;
    &lt;frame frameborder="0" noresize /&gt;
  &lt;/frameset&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How can I update the URL of the "parent" frame as users navigate within the "child" frame?</p>
  
  <p><strong>UPDATE: Success?</strong></p>
  
  <p>I have tried doing this with javascript but had an issue getting the correct <code>href</code> to my javascript function with out having adverse side effects (having two windows open up, having my main window go to the wrong location, or making it so the back button didn't work right).  All I needed was an attribute of my <code>a</code> tag to hold a value that I could use in my javascript, but would do nothing else at all.  Adding the attributed <code>value</code> event though it is not a native attribute to the <code>a</code> tag works great.</p>
  
  <p>The <code>a</code> tag...</p>
  
  <pre><code>&lt;a onclick="url_update(this);" value="test/test.html" href="javascript:void(0);"&gt;test link&lt;/a&gt;
  </code></pre>
  
  <p>and the javascript function...</p>
  
  <pre><code>function url_update(element){
      base_url = 'http://mydomain.com/';
      window.parent.location.href = base_url + element.getAttribute('value');
  }
  </code></pre>
  
  <p>the resulting updated URL is...</p>
  
  <pre><code>http://mydomain.com/test/test.html
  </code></pre>
  
  <p>... and there are none of the previously mentioned side effects.</p>
  
  <p><strong>The only "side effect" that I would like to fix is display of the link in the info bar at the bottom of a browser window.</strong>  Right now it says <code>javascript:void(0);</code> because that is what is written in my <code>href</code> attribute, but I would like it to show the updated URL when the link is hovered over... any thoughts?</p>
  
  <p>It would be even better if I could scrap all of this javascript and use IIS 7 URL Rewrite 2.0 to do this instead... but I have yet to master the black art of URL rewriting.</p>