title: Web Page Script to Sort Order of Columns (not order of rows)
body: <p>(Searched the web and here for a couple hours with no success...novice level programmer)</p>
  
  <p>What I have: Table with single row, containing many short columns. The columns are entered chronologically in the HTML, adding new columns to the right. (This long row is in a short height, wide width page displayed in an iframe, and is manually scrolled left/right.)</p>
  
  <p>What I want to do: Create a <strong>toggle-link reverse column display order</strong> so that the newest columns appear to the left and oldest to the right when desired.</p>
  
  <p>Since my membership is new, I can't post a screenshot. So here's my best work-around attempt:</p>
  
  <p><strong>The web page</strong> this solution is to be applied to is found at:</p>
  
  <p>thetransformer.us   (home page, in the upper area iframe file)</p>
  
  <p><strong>A screenshot</strong> of a text illustration of desired output of a solution is found at:</p>
  
  <p>thetransformer.us/images/reverse-col-order-illustration.jpg</p>
  
  <p>CODE_BELOW: (Main page:) &amp; (iframe file code (not scrollable DIV as I indicated earlier)
  Many lines of the same type of code blocks omitted.</p>
  
  <pre><code>&lt;div&gt;
  &lt;iframe src="gallery.html" scrolling="yes" width="645" height="300" class="rounded10"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  
  
  &lt;body style="margin:15px; background-image:url(images/bgrepeat.png)"&gt;
  &lt;div id="pl_main"&gt;
  &lt;button onclick="reverseOrder()"&gt;Reverse&lt;/button&gt; &lt;span style="color:white;"&gt;The horizontal link list is currently unavailable. Use View &lt;span style="color:#99ccff;"&gt;Table of Contents&lt;/span&gt; below.&lt;/span&gt;
  &lt;table class="gallery"&gt;
  &lt;tr id="tableRow"&gt;
  &lt;td valign="top" id="19851"&gt;&lt;a href="85-3.pdf#zoom=100" target="_blank"&gt;
  &lt;span style="color:#99ccff;"&gt;1985&lt;/span&gt; Jul&lt;br /&gt;&lt;img src="pl_thumbs/1985-07_thumb.jpg" /&gt;
  &lt;/a&gt;&lt;/td&gt;
  &lt;td valign="top" id="19861"&gt;&lt;a href="86-0102.pdf#zoom=100" target="_blank"&gt;
  &lt;span style="color:#99ccff;"&gt;1986&lt;/span&gt; Jan-Feb&lt;br /&gt;&lt;img src="pl_thumbs/1986-01-02_thumb.jpg" /&gt;
  &lt;/a&gt;&lt;/td&gt;
  &lt;td valign="top" id="19862"&gt;&lt;a href="86-0304.pdf#zoom=100" target="_blank"&gt;
  &lt;span style="color:#99ccff;"&gt;1986&lt;/span&gt; Mar-Apr&lt;br /&gt;&lt;img src="pl_thumbs/1986-03-04_thumb.jpg" /&gt;
  &lt;/a&gt;&lt;/td&gt;
  &lt;td valign="top" id="19863"&gt;&lt;a href="86-0506.pdf#zoom=100" target="_blank"&gt;
  &lt;span style="color:#99ccff;"&gt;1986&lt;/span&gt; May-Jun&lt;br /&gt;&lt;img src="pl_thumbs/1986-05-06_thumb.jpg" /&gt;
  &lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks, Doug</p>