Discussion :

[moimp]

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

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
	<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?

[Toufik83]

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.

[moimp]

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 :

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
	<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.

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.

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.

[Toufik83]

Bonjour,

Il y'a aussi un problème ici

Code :

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

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?

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

[moimp]

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.