title: Changing Z-Index onclick
body: <p>JavaScript noob here. I'm working on a website and I'm trying to change the z-index of a set of frames using buttons. I can't quite get it to work.</p>
  
  <p>So far this is what I have.</p>
  
  <pre><code>function changeZIndex(i,id) {
    document.getElementById(id).style.zIndex=i;
  }
  </code></pre>
  
  <p>And in the body</p>
  
  <pre><code>&lt;A HREF="#" onclick='changeZIndex(1,'aboutus')'&gt;&lt;IMG NAME="one" SRC="button1.bmp"&gt;&lt;/A&gt;
  &lt;A HREF="#" onclick='changeZIndex(1,'contactus')'&gt;&lt;IMG NAME="two" SRC="button2.bmp"&gt;&lt;/A&gt;
  </code></pre>
  
  <p>Yeah, I realize this is probably the stupidest question ever and the answer is really obvious. This is my first time writing JavaScript though, so please go easy on me! :3</p>