Discussion :

[gatien.s]

Bonjour,
Mon problème est le suivant : je dois développer un tableau de données (j'utilise DataTable, plug-in jQuery). L'ajout de données dans ce tableau ne doit pas se faire en touchant le code HTML pour des raisons de sécurité; il faut donc importer les données dans le code.
Pour des raisons de praticité, la saisie des données se fera via Excel.
L'usage du PHP ne m'est pas autorisé, car pas disponible sur le serveur.

Je cherche donc une solution pour importer mes données dans ce tableau. J'ai pensé à utiliser un .csv ou un .txt mais je n'ai pas trouvé comment faire "lire" par Javascript ces formats.

Merci d'avance pour vos réponse et votre attention !

Gatien

[SpaceFrog]

dans le datasource de ton datatable il suffit de mettre une fonction qui fait un getJSON par exemple ...

[SpaceFrog]

y'a même plus simple :
http://www.datatables.net/release-da...rces/ajax.html

datatable intègre un ajaxsrouce !

[gatien.s]

Bonjour, merci de ta réponse, cela m'a aidé mais je suis passé par une lecture d'un fichier xml, cela est plus fonctionnel et modifiable pour un utilisateur non-confirmé. Bonne journée !

Côté XML :

Code xml :

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
<?xml version='1.0'?>
<annuaire>
   <appli>
      <nom>Chrome</nom>
      <version>6.1</version>
      <type>Navigateur</type>
	  <resume>test</resume>
      <lien>chrome.com</lien>
   </appli>
   <appli>
      <nom>Live</nom>
      <version>8.0</version>
      <type>MAO</type>
	  <resume>test</resume>
      <lien>ableton.com</lien>
   </appli>
 
</annuaire>

Côté javascript :

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
 //////SCRIPT QUI VA GERER LES DONNES DU TABLEAU
stock = Array();
var nom;
var version;
var type;
var resume;
var lien;
 
$(document).ready(  function()
{
	$.ajax({
		type: "GET",
		url: "BookData.xml",
		dataType: "xml",
		success: function(xml){ 
			compteur = 0;
			$(xml).find('appli').each(function(){ 
				nom = $(this).find('nom').text();
				version = $(this).find('version').text();
				type = $(this).find('type').text();
				resume = $(this).find('resume').text();
				lien = $(this).find('lien').text();
				stock[compteur] = new Array(nom,version,type,resume,lien);
				compteur++;