[DataTable] script de chargement de datatable ne fonctionne pas

Bonjour,
Soit le script suivant qui fonctionne sur un autre site:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<script> $(document).ready(function() { // executed when document is loaded let table = new DataTable('#table',{ <?php /*                         language: {                                 //url: "view/lang/<?= $this['language'] ?>_dataTables.json",                                 url: "view/fr_dataTables.json",                                 },         */ ?>   initComplete: function() { $('#table_filter [type="search"]').focus(); } }); }); </script>

---

La partie en commentaire empêche la page de s'afficher correctement (elle reste blanche). La console n'affiche aucune anomalie et je ne connais pas jQuery que je n'utilise que pour cette fonctionnalité. D’où peut provenir le dysfonctionnement?

Bonjour,

La page reste blanche ok, mais est ce que la page contient d'autres éléments HTML à part la table ou pas ?

Verifiez aussi que la version DataTable utilisée sur le site où le script fonctionne est la même que celle utilisée par le votre.

Puis si vous n'êtes pas à l'aise avec jQuery (qui devient de plus en plus moins utilisable...), je pense qu'ils existent aussi des versions DataTable avec JS Vanilla sans jQuery.

Citation:

---

Envoyé par Toufik83

La page reste blanche ok, mais est ce que la page contient d'autres éléments HTML à part la table ou pas ?

---

Le code html contient:
Une balise head et dans la balise body:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<script src="https://code.jquery.com/jquery-3.3.1.js"</script> <script src="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css"></script> <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script> <script> $(document).ready(function() { // executed when document is loaded let table = new DataTable('#table',{ <?php /*                         language: {                                 //url: "view/lang/<?= $this['language'] ?>_dataTables.json",                                 url: "/view/fr_dataTables.json",                                 },         */ ?>   initComplete: function() { $('#table_filter [type="search"]').focus(); } }); }); </script>

---

suivi d'un menu, d'un titre et du texte, avant la table.
Mais rien de tout ceci n'apparaît dans le rendu: la page est complètement blanche.

Citation:

---

Envoyé par Toufik83

Verifiez aussi que la version DataTable utilisée sur le site où le script fonctionne est la même que celle utilisée par le votre.

---

Oui, puisque j'ai fait un copier/coller du code.

Citation:

---

Envoyé par Toufik83

Puis si vous n'êtes pas à l'aise avec jQuery (qui devient de plus en plus moins utilisable...), je pense qu'ils existent aussi des versions DataTable avec JS Vanilla sans jQuery.

---

Là, il faudrait que je regarde mais je préfèrerai utiliser ce qui existe.

Bonjour,

Il y'a aussi un problème ici

Code:

---

1 2 3 4 5 6

<?php /*                         language: {                                 //url: "view/lang/<?= $this['language'] ?>_dataTables.json",                                 url: "view/fr_dataTables.json",                                 },         */ ?>

---

La balise php est fermée ?> juste après $this['language'], ce qui dit que la suite du code n'est pas commenté, la preuve c'est la coloration syntaxique.

Normalement vous devriez voir une erreur dans la console du navigateur...non?:weird:

Pourquoi ne pas supprimer toute la balise <?php ?> ainsi que tout le commentaire ?

Ah merci, c'est bien ça. Ce code m'a servi de modèle pour la ligne suivante et j'ai oublié de le supprimer.