title: INSERT MULTIPLE HTML pages into specified DIV using a list of links
body: <p>I'm having an issue here and can't seem to think of what the solution is. I need to avoid PHP and JAVA if possible since I dont write in that code yet.</p>
  
  <p>Basically I have 18 products/links and one div to display one page at a time inside the Div. Each link should call on the HTML page that is in the sites folder but only show when link is selected.</p>
  
  <p>Help on this subject would be greatly appreciated. Someone helped me using js but for some odd reason its not working for me: See Code:</p>
  
  <hr>
  
  <pre><code>&lt;script type="text/javascript" src="js/tabcontent.js"&gt;&lt;/script&gt;
  ________________________________________________________________
  
  
  &lt;div id="textBox_prodLine"&gt;
          &lt;p style="line-height: 26px;"&gt;
          &lt;b&gt;
          &lt;a class="prodList" href="#" rel="tcontent1"&gt;+ Soft Touch | Lotionized Hand Soap&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent2"&gt;+ Pure Touch | Anti-Bacterial Hand Soap&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent3"&gt;+ Soft Foam | Foaming Hand Soap&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent4"&gt;+ Sanatouch | Hand Sanitizer&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent5"&gt;+ Suds Up | Pot &amp; Pan Dish Soap&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent6"&gt;+ Neutra | Neutral Cleaner&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent7"&gt;+ Neutra | Lemon Scented Neutral Cleaner&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent8"&gt;+ Windshine | Glass Cleaner&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent9"&gt;+ HDX-99 | Heavy Duty Degreaser&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent10"&gt;+ Rug Rescue | Carpet Spot Remover&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent11"&gt;+ Biospray | RTU Cleaner/Disinfectant&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent12"&gt;+ Big Blue | Low Temp Rinse Aid&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent13"&gt;+ Big Blue | High Temp Rinse Aid&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent14"&gt;+ Big Red | Heavy Duty Dish Detergent&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent15"&gt;+ Big Yellow | Chlorine &amp; Destainer&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent16"&gt;+ Sparkle | Toilet Bowl Cleaner&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent17"&gt;+ Sunbryte | Cream Cleanser&lt;/a&gt;&lt;br&gt;
          &lt;a class="prodList" href="#" rel="tcontent18"&gt;+ Lemonshine | High Foaming Pot &amp; Pan Detergent&lt;/a&gt;&lt;br&gt;
         &lt;/b&gt;
      &lt;br&gt;
      &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div id="prodWrapper"&gt;
      &lt;div id="tcontent1" class="tabcontent"&gt;
      &lt;object data="softtouch.htm"&gt;&lt;/object&gt;
      THIS SHOULD BE AN HTM FILE FROM INSIDE THE SITE WHEN LINK SELECTED ABOVE&lt;br /&gt;
      &lt;/div&gt;
  
      &lt;div id="tcontent2" class="tabcontent"&gt;
      THIS SHOULD BE THE SECOND HTM FILE FROM INSIDE THE SITE WHEN LINK SELECTED ABOVE&lt;br /&gt;
      &lt;/div&gt;
  
      &lt;div id="tcontent3" class="tabcontent"&gt;
      THIS SHOULD BE THE THIRD HTM FILE FROM INSIDE THE SITE WHEN LINK SELECTED ABOVE&lt;br /&gt;
      &lt;/div&gt;
  
      &lt;div id="tcontent4" class="tabcontent"&gt;
      THIS SHOULD BE THE FOURTH HTM FILE FROM INSIDE THE SITE WHEN LINK SELECTED ABOVE&lt;br /&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  
  ________________________________________________________________
  
  &lt;script type="text/javascript"&gt;
  
  var myflowers=new ddtabcontent("prodWrapper")
  myflowers.setpersist(true)
  myflowers.setselectedClassTarget("link") //"link" or "linkparent"
  myflowers.init()
  
  &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  var mypets=new ddtabcontent("pettabs")
  mypets.setpersist(true)
  mypets.setselectedClassTarget("link")
  mypets.init(2000)
  
  &lt;/script&gt;
  
  ________________________________________________________________
  
  CSS:
  
  .tabcontent{
  display:none;
  }
  
  @media print {
  .tabcontent {
  display:block !important;
  }
  }
  </code></pre>