title: Setting iframes on pages
body: <p>I have a basic website that I'm working on and I would like to add an iframe to one of the pages. So what I want to do is have several links from the index page to another page. But depending on what link is chosen on the index page, the new page should open with that iframe being displayed. </p>
  
  <p>You can view a rough draught of the site here: <a href="http://hansmoolman.com/" rel="nofollow">www.hansmoolman.com</a></p>
  
  <p>If the user clicks on one of section in the middle that says "soups salads sandwiches....", they will be taken to the MENU page, but the menu page should reflect the choice they have made on the index page. Currently I have the iframe set up and the link to the menu page working, but it defaults to the "vegetarian" because it is hard-coded that way as you can see in the following line of code which links from the index page: </p>
  
  <p><code>&lt;li&gt;&lt;a href="vegetarian.html" target="inlineFrame"&gt;Vegetarians&lt;/a&gt;&lt;/li&gt;</code></p>
  
  <p>to the menu page which displays the iframe as follows: </p>
  
  <p><code>&lt;div class="inlineStyle"&gt;
                  &lt;iframe name="inlineFrame" src="vegetarian.html" frameborder="0" scrolling="no" width="108%" height="auto" marginwidth="5" marginheight="5" &gt;&lt;/iframe&gt;
              &lt;/div&gt;</code></p>
  
  <p>How can I make it so that my iframe automatically displays the choice that the user has selected on the index page? Would some sort of JavaScript (if else statement?) be the best solution her, or is there another way of doing this?</p>