<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
To get the effect of the alternating colors, modify
Experments.Sortable.php to this:<br>
<br>
&lt;?php<br>
<br>
$HTMLHeaderFmt['sortable'] =&nbsp; '&lt;script type="text/javascript"
src="pub/sortable/sortable.js"&gt;&lt;/script&gt;<br>
&lt;style type="text/css"&gt;<br>
.even {<br>
&nbsp;background-color:#ccc;<br>
}<br>
.odd {<br>
&nbsp;background-color:white;<br>
}<br>
&lt;/style&gt;';<br>
<br>
<br>
<br>
Henrik Bechmann wrote:
<blockquote cite="mid:BAYC1-PASMTP08E19351578B3B46C64BBC8CE20@CEZ.ICE"
 type="cite">
  <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
Luigi,<br>
  <br>
  <a moz-do-not-send="true" class="moz-txt-link-freetext"
 href="http://www.joostdevalk.nl/code/sortable-table/">http://www.joostdevalk.nl/code/sortable-table/</a>
is dead easy.<br>
  <br>
1. Download the javascript file from the above link (right click, "Save
Link As..." on "Just the script, unzipped (9kb)"<br>
  <br>
2. Upload that file to your server, to wiki/pub/sortable/sortable.js<br>
  <br>
3. Create a file called Experiments.Sortable.php (ie a file that
corresponds in name to the wiki page where you have the sortable table,
plus the ".php" extension)<br>
  <br>
4. In that file type the following:<br>
  <br>
&lt;?php<br>
  <br>
$HTMLHeaderFmt['sortable'] =&nbsp; '&lt;script type="text/javascript"
src="pub/sortable/sortable.js"&gt;&lt;/script&gt;';<br>
  <br>
5. Upload Experiments.Sortable.php to your wiki/local directory<br>
  <br>
6. Create a wiki page called Experiments.Sortable (ie a page
corresponding in name to the file created in step 3.)<br>
  <br>
7. Add the following wiki text to your wiki page:<br>
  <pre>||class=sortable id=thetable
|| First Column || Second Column || Third Column ||
|| One || 1 || North America ||
|| Two || 2 || South America ||
|| Three || 3 || Europe ||
|| Four || 4 || Africa ||
|| Five || 5 || Australia ||</pre>
8. Enjoy!<br>
  <br>
For a demo, see<br>
  <br>
  <a moz-do-not-send="true" class="moz-txt-link-freetext"
 href="http://testwebsite.bechmann.ca/wiki/wiki.php?n=Experiments.Sortable">http://testwebsite.bechmann.ca/wiki/wiki.php?n=Experiments.Sortable</a><br>
  <br>
To see the wiki source see
  <a moz-do-not-send="true" class="moz-txt-link-freetext"
 href="http://testwebsite.bechmann.ca/wiki/wiki.php?n=Experiments.Sortable?action=source">http://testwebsite.bechmann.ca/wiki/wiki.php?n=Experiments.Sortable?action=source</a><br>
  <br>
Feel free to create a cookbook recipe out of this (I have to run...)<br>
  <br>
Best,<br>
  <br>
- Henrik<br>
  <br>
  <a moz-do-not-send="true" class="moz-txt-link-abbreviated"
 href="mailto:kirpi@kirpi.it">kirpi@kirpi.it</a> wrote:
  <blockquote
 cite="mid:d9d039dd0804240838i6527b4f7k9bb9c5f705d7188f@mail.gmail.com"
 type="cite">
    <blockquote type="cite">
      <pre wrap="">Luigi (quoting DaveG):
<a moz-do-not-send="true" class="moz-txt-link-freetext"
 href="http://motherrussia.polyester.se/docs/tablesorter/">http://motherrussia.polyester.se/docs/tablesorter/</a>
    </pre>
    </blockquote>
    <pre wrap=""><!---->
  </pre>
    <blockquote type="cite">
      <pre wrap="">Sameer:
I am using the javascript and the method indicated  towards the end of this page:
<a moz-do-not-send="true" class="moz-txt-link-freetext"
 href="http://www.pmwiki.org/wiki/PITS/00388">http://www.pmwiki.org/wiki/PITS/00388</a>
    </pre>
    </blockquote>
    <pre wrap=""><!---->
  </pre>
    <blockquote type="cite">
      <pre wrap="">Henrik
Here's the javascript:
<a moz-do-not-send="true" class="moz-txt-link-freetext"
 href="http://en.wikipedia.org/skins-1.5/common/wikibits.js">http://en.wikipedia.org/skins-1.5/common/wikibits.js</a> (search for "sortable")
Here's the author's source: <a moz-do-not-send="true"
 class="moz-txt-link-freetext"
 href="http://www.joostdevalk.nl/code/sortable-table/">http://www.joostdevalk.nl/code/sortable-table/</a>
    </pre>
    </blockquote>
    <pre wrap=""><!---->
It seems there is no lack of resources!
I'm not a coder, but in the past had sometimes success in copying
(looting) and pasting things together.
I'll try and see if anything works...

Luigi

  </pre>
  </blockquote>
  <br>
  <pre class="moz-signature" cols="72">-- 

Henrik Bechmann
<a moz-do-not-send="true" class="moz-txt-link-abbreviated"
 href="http://www.bechmann.ca">www.bechmann.ca</a>
Webmaster, <a moz-do-not-send="true" class="moz-txt-link-abbreviated"
 href="http://www.dufferinpark.ca">www.dufferinpark.ca</a></pre>
  <pre wrap="">
<hr size="4" width="90%">
_______________________________________________
pmwiki-users mailing list
<a class="moz-txt-link-abbreviated" href="mailto:pmwiki-users@pmichaud.com">pmwiki-users@pmichaud.com</a>
<a class="moz-txt-link-freetext" href="http://www.pmichaud.com/mailman/listinfo/pmwiki-users">http://www.pmichaud.com/mailman/listinfo/pmwiki-users</a>
  </pre>
</blockquote>
<br>
<pre class="moz-signature" cols="72">-- 

Henrik Bechmann
<a class="moz-txt-link-abbreviated" href="http://www.bechmann.ca">www.bechmann.ca</a>
Webmaster, <a class="moz-txt-link-abbreviated" href="http://www.dufferinpark.ca">www.dufferinpark.ca</a></pre>
</body>
</html>