Discussion :

[un_mec]

Bonjour,

Je développe un petit site pour ma boite. Je connais un certain nombre de bases en développement web mais je ne suis pas du tout un expert.
Peut-être auriez vous des pistes pour que j'arrive à reproduire/corriger un bug bloquant que je ne sais pas contourner.

En local (WAMP), pas de soucis, par contre une fois uploadé sur le serveur distant le code Javascript ne s'exécute pas normalement.
J'ai contacté l'administrateur serveur pour savoir s'il y a un paramétrage particulier, mais je n'aurais pas de réponse avant un moment et j'avais en tête que Javascript s'exécutait coté PC et non serveur, donc je ne crois pas que ce soit le problème.

Pour placer le contexte (voir codes en fin de post):
- Je génère en PHP un tableau de la forme suivante depuis une base de données MySQL.
- Je me sers du plugin Datatable de Jquery (Javascript, donc) pour mettre en forme : trier les lignes du tableau (selon les valeurs des colonnes 7 & 8) et cacher une colonne (colonne 8).

Sur certains PC je n'ai de souci sur aucune version (local/en ligne).
Sur d'autres (sous IE11.0.9600.18321), la version locale fonctionne correctement mais pas la version en ligne :
- Le tableau est correctement généré (présent dans le code source de la page)
- Mais le code Javascript ne fonctionne pas correctement : le tableau affiché est vide.

Pour illustrer, les deux screenshots ci-dessous sont pris du même PC, même navigateur, même code. J'ai aussi vérifié, le code source des deux pages sont identiques. Mais le comportement de la mise en forme Javascript est différente.

Auriez-vous des idées sur d'où vient cette différence de comportement ?

Merci d'avoir pris le temps de me lire, et bonne journée !


Pièces jointes :

Version en ligne

Version locale


Tableau :

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
<table id="tableau" class="display">
<thead>
	<tr>
		<th>Lieu de départ</th>
		<th>Destination</th>
		<th>Date de départ</th>
		<th>Date de location</th>
		<th>Date de première nuit</th>
		<th>Afficher</th>
		<th>Etat du traitement</th>
		<th>Priorisation (colonne cachée)</th>						
	</tr>
</thead>
<tbody>
	<tr>
		<td>Une ville</td>
		<td>Une autre ville</td>
		<td>01/06/2016</td>
		<td>01/06/2016</td>
		<td>15/06/2016</td>
		<td><input type="button" value="X" onclick="window.location.href='index.php?action=formulaire_voyage&numero=1';" /></td>
		<td><p class='rouge'>En cours</p></td>
		<td>2016-06-01</td>
	</tr>
</tbody>
</table>

Code Jquery :

Code :

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

1
2
3
4
5
6
$(document).ready(function() {
$('#tableau').DataTable( {
        "order": [[ 7, 'asc' ], [ 8, "asc" ]],
        "columnDefs": [ { "targets": [ 8 ], "visible": false, "searchable": false } ]
} );
} );

[chadoum]

Juste pour bien comprendre, comment sont chargées tes données dans la datatable ? Peux-tu envoyer le code stp ?

[un_mec]

Le tableau est généré en PHP et donne le code source que j'ai intégré à mon message précédent.
C'est un bête tableau HTML (balises <table>, <thead>, <tbody>) avec un id spécifique (tableau).

La fonction Javascript (Datatable) est appelée sur l'id "tableau".
C'est comme ca que se fait le lien.

Ce qui se passe en amont (génération du tableau) ne semble pas poser de soucis, puisque :
1. sur certains PC, pas de bug
2. en désactivant Javascript le tableau apparaît rempli (version locale comme version en ligne)
3. le code source de la page (version locale comme version en ligne) contient bien le tableau comme intégré dans mon message précédent.

[chadoum]

Je me demande si le problème ne vient pas du fait que toutes tes données ne sont pas encore complètement chargées.
Si tu changes ton $(document).ready() par $(window).load(), qui intervient après, est-ce que ça pourrait résoudre le problème ?

[devyan]

Je pencherais pour un problème d'appels http...

Vérifie tes liens, on dirait que la CSS n'est pas non plus bien chargée quand tu n'es pas en local ...
;-)

[SpaceFrog]

Que dit l'onglet réseau de firebug ?