Hello,<br><br>I'm trying to combine PmWiki with the TinyTable V3 in order to make sortable tables.<br><br><a href="http://www.leigeber.com/2009/11/advanced-javascript-table-sorter/" target="_blank">http://www.leigeber.com/2009/11/advanced-javascript-table-sorter/</a><br>
<br>But I need to insert HTML code before and after the rows added by the visitors.<br><br>It would be something like that before the datas inserted by the visitors : <br><br><div style="margin-left: 40px;">        <div id="tablewrapper"><br>
                <div id="tableheader"><br>         <div class="search"><br> <select id="columns" onchange="sorter.search('query')"></select><br><br>
<input type="text" id="query" onkeyup="sorter.search('query')" /><br> </div><br> <span class="details"><br>
<div>Records <span id="startrecord"></span>-<span
id="endrecord"></span> of <span
id="totalrecords"></span></div><br>
                <div><a href="javascript:sorter.reset()">reset</a></div><br>         </span><br><br> </div><br> <table cellpadding="0" cellspacing="0" border="0" id="table" class="tinytable"><br>
<thead><br> <tr><br> <th class="nosort"><h3>ID</h3></th><br> <th><h3>Name</h3></th><br>
<th><h3>Phone</h3></th><br><br> <th><h3>Email</h3></th><br> <th><h3>Birthdate</h3></th><br>
<th><h3>Last Access</h3></th><br> <th><h3>Rating</h3></th><br> <th><h3>Done</h3></th><br> <th><h3>Salary</h3></th><br>
<br> <th><h3>Score</h3></th><br> </tr><br> </thead><br> <tbody><br><br></div>And it would be something like that after : <br>
<br><div style="margin-left: 80px;"></tbody><br> </table><br> <div id="tablefooter"><br> <div id="tablenav"><br> <div><br> <img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" /><br>
<img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" /><br> <img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" /><br>
<img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" /><br><br> </div><br> <div><br>
<select id="pagedropdown"></select><br> </div><br> <div><br> <a href="javascript:sorter.showall()">view all</a><br>
</div><br> </div><br><br> <div id="tablelocation"><br> <div><br> <select onchange="sorter.size(this.value)"><br>
<option value="5">5</option><br> <option value="10" selected="selected">10</option><br> <option value="20">20</option><br>
<option value="50">50</option><br><br> <option value="100">100</option><br> </select><br> <span>Entries Per Page</span><br>
</div><br>
<div class="page">Page <span id="currentpage"></span>
of <span id="totalpages"></span></div><br> </div><br>
<br> </div><br> </div><br> <script type="text/javascript" src="script.js"></script><br> <script type="text/javascript"><br> var sorter = new TINY.table.sorter('sorter','table',{<br>
headclass:'head',<br> ascclass:'asc',<br> descclass:'desc',<br> evenclass:'evenrow',<br> oddclass:'oddrow',<br> evenselclass:'evenselected',<br>
oddselclass:'oddselected',<br> paginate:true,<br> size:10,<br> colddid:'columns',<br> currentid:'currentpage',<br> totalid:'totalpages',<br> startingrecid:'startrecord',<br>
endingrecid:'endrecord',<br> totalrecid:'totalrecords',<br> hoverid:'selectedrow',<br> pageddid:'pagedropdown',<br> navid:'tablenav',<br> sortcolumn:1,<br>
sortdir:1,<br><br> columns:[{index:7, format:'%', decimals:1},{index:8, format:'$', decimals:0}],<br> init:true<br> });<br> </script><br><br></div><br>I tried several things :<br>
<br><ul><li>I tried to create Tableau.GroupHeader and
Talbeau.GroupFooter . The previous HTML code has to be on every page of
the group Tableau. But I didn't find the way to allow the HTML code
only for these two pages. These two pages are protected by password in
writing, only the administrator can modify them.</li></ul><ul><li>I tried to find a way in html or PHP to add the previous
HTML code in the appropriate file. I was thinking to create a function
to write the HTML code if the group is "Tableau" before and after the
visitor entry. This text is <span>automatically</span> added to a new
page : <div id='wikitext'> </div> . A solution would be to
add the HTML code inside this div. However I didn't find the way to do
it. Which file should be modified ?</li></ul><br>But there is also another problem, because a table is always created with the tags <table> and </table>. <br><br>And
I need to add <h3> tags for the first row :
<th><h3>Name</h3></th>... otherwise the
script doesn't work and this is not possible in the wiki.<br>
<br>
Thus, a solution would be to add only <tr> and <td> tags but not <table> and </table><br>when the table is transformed in HTML, when the page is saved.<br><br>This is the adresse of the site : <a href="http://comparonslesprix.free.fr/pmwiki/" target="_blank">http://comparonslesprix.free.fr/pmwiki/</a><br>
It's a site of prices comparison for/by consummers.<br><br>I hope to have been clear, although my english is not very good ;)<br>Thank you in advance for your help !<br>Arnaud<br>