ordinare record tabella tutto cn HTML

[ultimo2]

Ho una tabella html con i seguenti campi:

-- Nome -- Cognome -- Nazionalità -- ecc..
adriano calvo italiana
giovanni russo romania

Come faccio a ordinare i campi in base al nome, cognome e nazionalità???
Cioè io voglio cliccare su NOME e mi ordina i campi in ordine alfabetico in base al nome, clicco su COGNOME e fa la stessa cosa ecc ecc...!!!
Nella foto in allegato trovate la mia tabella, vorrei far funzionare solo Cognome, Nazionalità, e Ruolo....Aiutatemi vi prego!!!!


codice html:
<td align="middle" width="103" bgColor="#ff6600">
<font face="Verdana" color="#ffffff" size="1">Cognome</font></td>
<td align="middle" width="67" bgColor="#ff6600">
<font face="Verdana" color="#ffffff" size="1">Nome</font></td>
<td align="middle" width="84" bgColor="#ff6600">
<font face="Verdana" color="#ffffff" size="1">Data
Nascita</font></td>
<td align="middle" width="80" bgColor="#ff6600">
<font face="Verdana" color="#ffffff" size="1">
Nazionalità </font></td>
<td align="middle" width="99" bgColor="#ff6600">
<font face="Verdana" color="#ffffff" size="1">Ruolo
</font></td>
<td align="middle" width="75" bgColor="#ff6600">
<font face="Verdana" color="#ffffff" size="1">Categoria
</font></td>
<td align="middle" width="65" bgColor="#ff6600">
<font face="Verdana" color="#ffffff" size="1">Campionato</font></td>
<td align="middle" width="46" bgColor="#ff6600">
<font face="Verdana" color="#ffffff" size="1">Scheda</font></td>
</tr>
<tr>
<td width="103" bgColor="#ffffff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">Adeleke
Kolawole</font></td>
<td width="67" bgColor="#ffffff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">Abideen</font></td>
<td width="84" bgColor="#ffffff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">05/04/1985</font></td>
<td width="80" bgColor="#ffffff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">Nigeria</font></td>
<td width="99" bgColor="#ffffff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">Attaccante</font></td>
<td width="75" bgColor="#ffffff">
<span class="Normal" id="dnn_ctr455_HtmlModule_HtmlHolder0">
<p align="center">
<font face="Tahoma" color="#000080" size="1">Premiership</font></span></td>
<td align="middle">
<font face="Tahoma" color="#000080" size="1">Africano</font></td>
<td width="46" bgColor="#ffffff">
<p align="center">
<font face="Tahoma" color="#ff6600" size="1"><u>
<a href="http://www.footballoperator.com/InserisciCurriculum/Calciatori/AdelekeKolawole/tabid/188/Default.aspx">
<font color="#ff6600">clicca</font></a></u></font></td>
</tr>
<tr>
<td width="103" bgColor="#ccccff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">Adeosun
Olusegun</font></td>
<td width="67" bgColor="#ccccff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">John</font></td>
<td width="84" bgColor="#ccccff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">13/12/1981</font></td>
<td width="80" bgColor="#ccccff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">Nigeria</font></td>
<td width="99" bgColor="#ccccff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">Difens.
Centrale</font></td>
<td width="75" bgColor="#ccccff">
<p align="center">
<font face="Tahoma" color="#000080" size="1">Premiership</font></td>
<td align="middle" bgColor="#ccccff">
<font face="Tahoma" color="#000080" size="1">Africano</font></td>
<td width="46" bgColor="#ccccff">
<p align="center">
<font face="Tahoma" color="#ff6600" size="1"><u>
<a href="http://www.footballoperator.com/InserisciCurriculum/Calciatori/ODEOSUNOlusegunJohn/tabid/189/Default.aspx">
<font color="#ff6600">clicca</font></a></u></font></td>

[mexican]

in html non se pò fa!!!devi farlo usando un linguaggio lato server ti ricordo che una pagina html è detta statica proprio perchè non si può interagire con essa!!!

[ultimo2]

lo devo fare in asp.net....???hai qualche esempio, guida già fatta ke posso utilizzare!???Ti prego aiutami...xkè il mio portale è in dotnetnuke e quindi posso utilizzare asp.net solo creando dei moduli....!!!capito??

[mexican]

il tempo per fartelo non lo tengo, esempi non ne ho posso solo indirizzarti su come fare.
Alla fine tu questi risultati li tiri fuori da una query spero, e basta che aggiungi alla query order by variabile
la variabile la imposti = a nome, cognome a seconda di dove clicchi!!! e te la passi mettendo su nome il link alla stessa paggina + il passaggio della variabile e la recupery con il request.querystring

[ultimo2]

si ma non c'è nessuna funzione javascript ke posso utilizzare x ordinare questa tabella!!!

I dati non escono da databse...sono inseriti manualmente!!!!

qst è il sito www.footballoperator.com

[fcaldera]

puoi fare la pagina in XML e fare una trasformazione XSLT che ti produca del codice html.

cliccando sulla colonna che vuoi ordinare ricarichi la pagina passando un parametro

Questo verrà letto dal foglio XSL che ordinerà le voci della tabella

è un pò macchinoso ma alla fine è un buon sistema lato client

[ultimo2]

grazie ma il problema è ke non l'ho mai fatto....mi dovresteaiutare voi, passo passo....anke un pò alla volta, non subito!!!!

Vi prego aiutatemi....

[fcaldera]

ti conviene ricorrere più semplicemente a questo

http://www.activewidgets.com/javascr...n-sorting.html


se clicchi sulle varie intestazioni ordini le colonne


Ciao

[ultimo2]

ho visto gli esempi....ma con la tecnologia DotNetnuke posso inserire codice JavaScripts??Mi sa proprio di no....mi puoi aiutare ti prego!!??

[nuky]

Io mi sono divertito a farlo in javascript.
Non è ottimizzatissimo come codice, se ti servisse io ho prodotto:

<head>
  <style type="text/css">
    th {cursor:hand; background-color:yellow;}
  </style>
  
  <script type="text/javascript">
    var SortIndex;
    var SortAscending = true;
  
    function Ordina(colonna) {
      var arr = new Array();
      
      //butto il contenuto della tabella in un array
      var t1 = document.getElementById("t1")
      for (var i=1; i<t1.rows.length; i++) {
        arr[i-1] = new Array();
        for (var j=0; j<t1.rows(i).cells.length; j++)
          arr[i-1][j] = t1.rows(i).cells(j).innerText;
      }
      //alert(arr.join("\n"));
      
      if (SortIndex == colonna)
        SortAscending = !(SortAscending) // se si clicca più volte sulla stessa colonna si cambia verso di ordinamento
      else
        SortAscending = true; // altrimenti ordinamento ascendente
  
      SortIndex = colonna;
      arr.sort(confronto); //ordinamento per la colonna scelta
      //alert(arr.join("\n"));
      
      //butto il contenuto dell'array ordinato nella tabella
      for (var i=1; i<t1.rows.length; i++)
        for (var j=0; j<t1.rows(i).cells.length; j++)
          t1.rows(i).cells(j).innerText = arr[i-1][j];
      
    }
  
    function confronto(a, b) {
      if (SortAscending)
        return a[SortIndex]<b[SortIndex]?-1:1;
      else
        return a[SortIndex]>b[SortIndex]?-1:1;
    }
  </script>
</head>
<body>
  <table border="1" id="t1">
    <tr><th onclick="Ordina(0)">col1</th><th onclick="Ordina(1)">col2</th><th onclick="Ordina(2)">col3</th></tr>
    <tr><td>dfg</td><td>trd</td><td>dbv</td></tr>
    <tr><td>ghj</td><td>tsd</td><td>uyf</td></tr>
    <tr><td>try</td><td>hsd</td><td>dgf</td></tr>
    <tr><td>jka</td><td>ghd</td><td>tyu</td></tr>
    <tr><td>djh</td><td>asd</td><td>khg</td></tr>
    <tr><td>rty</td><td>asd</td><td>dcv</td></tr>
    <tr><td>ghk</td><td>adj</td><td>ngf</td></tr>
    <tr><td>fhj</td><td>asd</td><td>vnc</td></tr>
    <tr><td>agf</td><td>adg</td><td>dnf</td></tr>
    <tr><td>djd</td><td>fgd</td><td>bnf</td></tr>
  </table>
</body>