Tri sur un tableau

**EkrazNeophite** · 10/03/2015, 18h22

Salut !

J'ai un petit problème : j'ai plusieurs pages PHP contenant des tableaux, et j'ai téléchargé une bibliothèque jQuery pour appliquer un tri.
Tout fonctionne bien, les tableaux se trient par ordre croissant, puis décroissant, le tout en affichant une petite flèche. Mais sur une seule de mes pages, cela ne fonctionne pas alors que j'ai copié collé le même script sur chacune : le tri se fait normalement, mais une génération se refait en plus de la précédente, ce qui fait tout foirer !

Exemple : Tableau 10 :
Pierre
Jean
Laurent

Je trie mon tableau en cliquant dessus et la s'affiche :
Jean
Pierre
Laurent
Jean
Pierre
Laurent

Il suffit de cliquer une fois de trop et la page fera plusieurs kilomètres de long ! (Mes tableaux sont déjà imposants à la base, d'où l'idée de faire un tri)

Vous pensez que ça vient de quoi ? Interference entre deux bibliothèque ? Fonction foireuse ?

Merci !

**EkrazNeophite** · 10/03/2015, 19h07

Voici le code de mon <head>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<?PHP
//**************************************************************
//--------------------------------------------------------------
//	Info of projects
//--------------------------------------------------------------
//**************************************************************
	include("variable_session.php");
	if(isset( $_SESSION ['IDUSER']))
	{
		include("connect.php");
		$GetRights = 'select rights from user where iduser = "'.$_SESSION ['IDUSER'].'"';
		$ResultGetRights = mysql_query($GetRights);
		$ResultRights = mysql_fetch_array($ResultGetRights);
		$Rights = $ResultRights["rights"];
	}
	if(isset( $_SESSION ['IDUSER']))
	{
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Info client - Prointranet</title>
 
<link rel="stylesheet" type="text/css" href="CSS/Style.css" />
 
<?PHP
	include("functions.php");
	include("head_menu.php");
 
	if($_SESSION['NEWTASK'] != 0)
	{
		$GetCategory = 'SELECT categoryname FROM issuetask INNER JOIN category on category.idcategory = issuetask.idcategory
						WHERE idissue = "'.$_SESSION['NEWTASK'].'"';
		$ResultGetCategory = mysql_query($GetCategory);
		$ResultCategory = mysql_fetch_array($ResultGetCategory);
 
		header('Location: edittask.php?IDIssue='.$_SESSION['NEWTASK'].'&Category='.$ResultCategory["categoryname"]);
		$_SESSION['NEWTASK'] = 0;
	}
?>
<script src="JQuery/jquery-1.11.1.min.js"></script>
<script src="JQuery/jquery-ui-1.11.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="JQuery/jquery-ui-1.11.0/jquery-ui.min.css">
<script type='text/javascript' src='sort/common.js'></script>
<script type='text/javascript' src='sort/css.js'></script>
<script type='text/javascript' src='sort/standardista-table-sorting.js'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src='JQuery/jqueryStupidTable/stupidtable.js?dev'></script>
<script type='text/javascript'>
 
<!--
	var torefresh = 0;
	window.onfocus = function()
	{
		if(torefresh == 1)
		{
			torefresh = 0;
			window.location.reload();
		}
	};
 
	window.onblur = function()
	{
		torefresh = 1;
	}
 
	$(function() {
		$( "#WarrantyDate" ).datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true,
            changeYear: true, buttonImage: "Images/Calendar.gif",
                buttonImageOnly: true, showOn: 'both', });
		$( "#ServiceStart" ).datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true,
            changeYear: true,buttonImage: "Images/Calendar.gif",
                buttonImageOnly: true, showOn: 'both', });
		$( "#ServiceEnd" ).datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true,
            changeYear: true,buttonImage: "Images/Calendar.gif",
                buttonImageOnly: true, showOn: 'both', });
	});
 
	function SendInfo(element,obj,idproject){
		var warranty = $(obj).val();
		$.ajax({
			type: "POST",
			url: "_project_warranty.php",
			data: { element : element, date : warranty, idproject : idproject },
			dataType: "html",
			success:function(data) {
				$('#element'+element).empty();
				$('#element'+element).append(warranty);
				$(obj).val('');
				if(element = 1){
					warranty = warranty.split("-");
					var date1 = new Date(warranty[0],warranty[1]-1,warranty[2]);
					var date2 = new Date();
					var difference = date1.getTime() - date2.getTime() ;
					var days = Math.ceil(difference / (1000 * 60 * 60 * 24)) + 365;
					if(days <= 0){
						days = 0;
					}
					$("#DaysLeftWarr").empty();
					$("#DaysLeftWarr").append(days);
				}
				//alert( data );
				//$('#error').append(data);
			},
			error: function(error) {
				alert( error );
				//$('#error').append(error);
			}
		});
	}
-->
 
$(function tri(){
      var date_from_string = function(str){
        var months = ["jan","feb","mar","apr","may","jun","jul",
                      "aug","sep","oct","nov","dec"];
        var pattern = "^([a-zA-Z]{3})\\s*(\\d{2}),\\s*(\\d{4})$";
        var re = new RegExp(pattern);
        var DateParts = re.exec(str).slice(1);
        var Year = DateParts[2];
        var Month = $.inArray(DateParts[0].toLowerCase(), months);
        var Day = DateParts[1];
        return new Date(Year, Month, Day);
      }
      var moveBlanks = function(a, b) {
        if ( a < b ){
          if (a == "")
            return 1;
          else
            return -1;
        }
        if ( a > b ){
          if (b == "")
            return -1;
          else
            return 1;
        }
        return 0;
      };
      var moveBlanksDesc = function(a, b) {
        // Blanks are by definition the smallest value, so we don't have to
        // worry about them here
        if ( a < b )
          return 1;
        if ( a > b )
          return -1;
        return 0;
      };
      var table = $("table").stupidtable({
        "date":function(a,b){
          // Get these into date objects for comparison.
          aDate = date_from_string(a);
          bDate = date_from_string(b);
          return aDate - bDate;
        },
        "moveBlanks": moveBlanks,
        "moveBlanksDesc": moveBlanksDesc,
      });
      table.on("beforetablesort", function (event, data) {
        // data.column - the index of the column sorted after a click
        // data.direction - the sorting direction (either asc or desc)
        $("#msg").text("Sorting index " + data.column)
      });
      table.on("aftertablesort", function (event, data) {
        var th = $(this).find("th");
        th.find(".arrow").remove();
        var dir = $.fn.stupidtable.dir;
        var arrow = data.direction === dir.ASC ? "&uarr;" : "&darr;";
        th.eq(data.column).append('<span class="arrow">' + arrow +'</span>');
      });
      $("tr").slice(1).click(function(){
        $(".awesome").removeClass("awesome");
        $(this).addClass("awesome");
      });
    });
	</script>
</head>

Le petit pâté de <script> contient les liens pour mes bibliothèques de jQuery et je pense que c'est la dedans qu'il y a un truc en trop, mais je ne voit pas lequel.
En dessous c'est les fonctions, la fonction tri() et celle qui va avec le jQuery déclaré par ces 2 lignes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src='JQuery/jqueryStupidTable/stupidtable.js?dev'></script>

Voila si ça peut vous éclairer

**EkrazNeophite** · 13/03/2015, 18h17

*sifflote*

**Kaamo** · 14/03/2015, 11h34

Salut !

Si personne ne répond c'est que, le plus souvent, le problème est mal expliqué. Et là, en effet, il y a beaucoup trop de code, ça ne donne pas envie de l'éplucher.
Pour revenir au problème, les données semblent s'afficher en double non ?

Des pistes :
Vérifier à quel niveau les données sont en double : à la sortie de la BDD ? à la réception dans le tableau JavaScript ? Double fonction append ? Procède par élimination et tu trouveras le problème

Tri sur un tableau

jQuery

Discussions similaires

Partager

Partager