[Jquery/Tablesorter]Tabel wordt niet sorteerbaar

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben bezig meet een administrator en deze toont een tabel. Ik wil deze tabel soorteerbaar hebben en daarom heb ik tablesorter gedownload. Deze vereist jquery en deze heb ik ook gedownload.

deze code gebruik ik om jquery in te laden en tablesorter

code:
1
2
<script type="text/javascript" src="http://domein.tld/cybercat_files/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://domein.tld/cybercat_files/jquery/jquery.tablesorter.min.js"></script>


Deze bestanden worden gevonden.

Nu gebruik ik de volgende php code om een tabel te genereren en om die sorteerbaar te maken.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type="text/javascript">
    $(document).ready(function() 
        { 
            $("#tablesorter0").tablesorter(); 
        } 
    ); 
</script>
<?php
    require_once('use_/use_mysqlconnect.php');
    
    $query="SELECT DISTINCT `object` FROM `content` ORDER BY `object`";
    $result=mysql_query($query);
    while($row=mysql_fetch_array($result)) {
        $i=0;
        echo"<h1>$row[0]</h1><table border=\"1\" id=\"tablesorter$i\">";
        echo"<tr><th>id</th><th>title</th><th>page</th><th>published</th><th>date</th></tr>";

    
        $query2="SELECT * FROM `content` WHERE `object`='$row[0]'";
        $result2=mysql_query($query2);
        while($row=mysql_fetch_assoc($result2)) {
            echo"<tr><td>".$row['id']."</td><td>".$row['title']."</td><td>".$row['page']."</td><td>".$row['published']."</td><td>".$row['date']."</td></tr>";
        }
        echo"</table>";
        $i++;
    }
    
?>

nu gebeurt er alleen niets, kan iemand mij helpen.

Bij voorbaat dank :)

EDIT: ziet opeens dat ik met een oude code werkt thead bestaat nog niet

  • zwippie
  • Registratie: Mei 2003
  • Niet online

zwippie

Electrons at work

Kun je ook de gegenereerde html code van de tabel posten?

[ Voor 4% gewijzigd door zwippie op 03-09-2009 14:23 ]

How much can you compute with the "ultimate laptop" with 1 kg of mass and 1 liter of volume? Answer: not more than 10^51 operations per second on not more than 10^32 bits.


Verwijderd

Topicstarter
Ik en er achter gekomen dat om de een of andere reden ik met oude code werk ( |:( yeah iknow). Ik had alles voorbereid door keurig thead en tbody te gebruiken maar om de een of andere reden waaren deze weg. Dat viel mij op na mijn zoveelste code check. Het was mij eerder ook niet opgevallen omdat firebug deze automatisch schijnt neer te planten.(is dat nu handig voor een debugger :? )

Met thead en tbody werkt het nu. Ik heb er ook gelijk maar even een class selector van gemaakt en nu moet het op alle tabellen werken.

De tabelcode is nu (mocht je hem nog willen :9 )
code:
1
<table border="1" class="tablesorter"><thead><tr><th class="header headerSortUp">id</th><th class="header">title</th><th class="header">page</th><th class="header">published</th><th class="header">date</th></tr></thead><tbody><tr><td>48576</td><td>Nieuw nummer genaamd TechoFlow</td><td>2009-08-31-Nieuw_nummer_genaamd_Techo_Flow</td><td>1</td><td>2009-08-31 23:00:23</td></tr><tr><td>134</td><td>Het is eindelijk zomer!!</td><td>2009_06_08_Het-is-eindelijk-zomer</td><td>1</td><td>2009-08-07 00:29:22</td></tr><tr><td>133</td><td>FAIL - Koe Klem In Boom</td><td>2009-07-02-FAIL</td><td>1</td><td>2009-07-02 22:45:01</td></tr><tr><td>132</td><td>Real Racing review</td><td>Real Racing review</td><td>0</td><td>2009-06-28 18:14:25</td></tr><tr><td>131</td><td>FILMPJE! Project voor school</td><td>2009-06-2-filmpje_project_voor_school</td><td>1</td><td>2009-06-22 16:52:27</td></tr><tr><td>130</td><td>Real Racing</td><td>2009-06-18-Real_Racing</td><td>0</td><td>2009-06-18 01:11:48</td></tr><tr><td>129</td><td>Iphone en ITouch</td><td>Iphone en ITouch</td><td>1</td><td>0000-00-00 00:00:00</td></tr><tr><td>127</td><td>Brief aan testers</td><td>2009-06-10-Brief aan testers</td><td>0</td><td>2009-06-10 16:23:00</td></tr><tr><td>126</td><td>Algemeen</td><td>Algemeen</td><td>1</td><td>0000-00-00 00:00:00</td></tr><tr><td>124</td><td>Nieuwe gebruiker</td><td>Nieuwe gebruiker</td><td>1</td><td>2009-06-05 15:29:02</td></tr><tr><td>122</td><td>CyberCat Rocked!</td><td>CyberCat Rocked!</td><td>0</td><td>2009-05-29 21:22:59</td></tr><tr><td>121</td><td>Effects Layer</td><td>2009-05-29-Effects_Layer</td><td>0</td><td>2009-05-29 21:00:16</td></tr><tr><td>120</td><td>Webdesign</td><td>webdesign</td><td>1</td><td>0000-00-00 00:00:00</td></tr><tr><td>117</td><td>Kom op met die zon!!</td><td>2009-05-19-Kom_op_met_die_zon!!</td><td>1</td><td>2009-05-19 17:55:40</td></tr><tr><td>116</td><td>Actualiteit</td><td>Actualiteit</td><td>1</td><td>0000-00-00 00:00:00</td></tr><tr><td>105</td><td>Portfolio</td><td>Portfolio</td><td>1</td><td>2009-05-18 17:14:57</td></tr><tr><td>104</td><td>Downloads</td><td>Downloads</td><td>1</td><td>2009-05-18 17:15:38</td></tr><tr><td>99</td><td>Whoops!&#8482;</td><td>404</td><td>1</td><td>2009-05-18 17:15:09</td></tr><tr><td>98</td><td>Account geactiveerd</td><td>Account activated</td><td>1</td><td>2009-05-18 00:00:00</td></tr><tr><td>1</td><td>Home</td><td>Home</td><td>1</td><td>2009-05-18 17:15:49</td></tr></tbody></table>
(en ja ik had wellicht dat draadje over php en markup kunnen checken :) )
EDIT: De tabelcode is met firebug aangevulde dingen dus ook niet helemaal relevant( ;) )

  • R4gnax
  • Registratie: Maart 2009
  • Laatst online: 06-09 17:51
Verwijderd schreef op donderdag 03 september 2009 @ 14:33:
Het was mij eerder ook niet opgevallen omdat firebug deze automatisch schijnt neer te planten.(is dat nu handig voor een debugger :? )
Firebug geeft een serializatie van je huidige DOM tree weer. Als thead en tbody ontbreken zijn deze volgens de HTML standaard 'infered', maw volgens de standaard moeten deze zelfs automatisch ingevoegd worden als je <table> tag ze niet bevat...

Verwijderd

Topicstarter
R4gnax schreef op donderdag 03 september 2009 @ 19:17:
[...]


Firebug geeft een serializatie van je huidige DOM tree weer. Als thead en tbody ontbreken zijn deze volgens de HTML standaard 'infered', maw volgens de standaard moeten deze zelfs automatisch ingevoegd worden als je <table> tag ze niet bevat...
oh ok duidelijk :+

Acties:
  • 0 Henk 'm!

  • _Thanatos_
  • Registratie: Januari 2001
  • Laatst online: 05-09 14:39

_Thanatos_

Ja, en kaal

Een tbody wordt automagisch ingevoegd ja, maar een thead natuurlijk niet. En daar gaat het tablesorter nou juist om. Daardoor is een expliciete thead en tbody dus vereist voor tablesorter.

En een tfoot kun je dan mooi gebruiken voor rijen die onderaan moeten blijven - rijen die sowieso in een tfoot horen eigenlijk ;)

[ Voor 26% gewijzigd door _Thanatos_ op 05-09-2009 03:17 ]

日本!🎌

Pagina: 1