Tri à bulles d'un tableau HTML

<table class="sortable">

<thead>

<tr>

<th onclick="tribulle(this,0,int,'ASC')">id</th>

<th onclick="tribulle(this,1,int,'ASC')">FK_entities</th>

<th onclick="tribulle(this,2,int,'ASC')">name</th>

</tr>

</thead>

<tbody>

<tr>

<td>0</td>

<td>12</td>

<td>blabla</td>

</tr>

.

.

.

<tr>

<td>2</td>

<td>584</td>

<td>blabla</td>

</tr>

</tbody>

</table>

//fonction de tri à bulle

function tribulle(entitie,column,type,sens)

	{

	Debut = new Date();

	// on recupere la reference au tableau passe en parametre (entitie)

        var tableRef = entitie;

        y=0;

        while(tableRef.nodeName!="TABLE" && y<5)

    	    {

    	    tableRef=tableRef.parentNode;

    	    y++;

    	    }

        

    //nombre de lignes du tableau

    var nbl = tableRef.rows.length;

    

    //instanciation de la variable de test sur l'ordonnancement

    var en_desordre=true;

    

    //tant que le tableau est desordonne

    while(en_desordre)

    	{

    	en_desordre = false;

    	

    	//on boucle sur els elements (lignes) du tableau

    	for(i=1;i<nbl-1;i++)

	    	{

    		var val1 = tableRef.rows[i].cells[column].innerHTML;

    		var val2 = tableRef.rows[i+1].cells[column].innerHTML;

    		

    		//parse les donnes en fonctions du parametre "type"

    		if(type=='int' || type=='integer'|| type=='tinyint' || type=='smallint' || type=='medint' || type=='bigint')

    			{val1=parseInt(val1);val2=parseInt(val2);}

    		else 

    			if (type=='float' || type=='double' || type=='real' || type=='decimal' || type=='numeric')

    				{val1=parseFloat(val1);val2=parseFloat(val2);}

    		//si 2 lignes sont en desordre

	    	if(val1 > val2)

	    		{

	    		//on clone la ligne suivant avant la ligne courante

	    		clone(tableRef,tableRef.rows[i+1],i);

	    		//on incremente le curseur a cause de l'injection de la nouvelle ligne

	    		i++;

	    		//on supprime la ligne qui a ete dupliquee

	        	tableRef.deleteRow(i+1);

	        	//le tableau est considere en desordre 

	        	en_desordre = true;

	    		}

	    	}

    	}

    Fin = new Date();

    alert((Fin-Debut)+ " ms d'execution javascript");

	}





function clone(table,rows,index)

	{

	var len = rows.cells.length;

	var newRow = table.insertRow(index);

	for(y=0;y<len;y++)

		{

		var newCell = newRow.insertCell(y);

		newCell.innerHTML = rows.cells[y].innerHTML;

		}

	}