Run different code clicking a button while remaining on same page?

Question

I have in a div id="1" following code:

<div id="1" style="margin-left: 0px; padding: 0px; float: left; width: 640px; height: 392px; border: 0px;">
  <object width="640" height="392" classid="clsid:**************">
    <param name="flashvars" value="cid=******&amp;autoplay=true" />
    <param name="allowfullscreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <param name="src" value="http://www.ustream.tv/flash/viewer.swf" />
    <embed flashvars="cid=******&amp;autoplay=true" width="640" height="392" allowfullscreen="true" allowscriptaccess="always" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash"></embed>
  </object>
</div>

I want remaining on same page click a button loading in same div a new different code :

<div id="1" style="margin-left: 0px; padding: 0px; float: left; width: 640px; height: 392px; border: 0px;">
  <iframe style="border: 0 none transparent;" src="//www.ustream.tv/embed/******?wmode=direct&amp;autoplay=true" width="640" height="392" frameborder="no"></iframe>
</div>

Answer 1

Using pure javascript, add the following code to your buttons onclick event.

document.getElementById("1").innerHTML = "your code";