Affichage de tableau

**aertys** · 12/08/2016, 16h31

Bonjour,
j'essaye d'afficher un tableau dynamiquement en js.
voici mes fichiers:

et mon url: file:///F:/yann1/app_pdf/example.html?f=004

mon problème est que rien ne s'affiche, ni même dans la console!!

**aertys** · 12/08/2016, 17h12

J'ai trouvé une première erreur dans le fichier "Produit catalogue-160810_exemple.js".

J'ai des nouvelles erreurs:
SyntaxError: illegal character Produit%20catalogue-160810_exemple.js:2:0
SyntaxError: missing formal parameter readT.js:1:20
L'encodage de caractères du document HTML n'a pas été déclaré. Le document sera affiché avec des caractères incorrects pour certaines configurations de navigateur si le document contient des caractères en dehors de la plage US-ASCII. L'encodage de caractères de la page doit être déclaré dans le document ou dans le protocole de transfert. example.html

**danielhagnoul** · 13/08/2016, 11h02

Dans readT.js : function clearNode (var myNode) { Il n'y a pas de var pour un paramètre de fonction.
Dans produit catalogue : f004-0 :[ Les noms de propriété sont toujours du texte. On peut ne pas mettre les " " lorsque le nom est composé d'un seul mot, ce qui n'est pas le cas ici : "f004-0".

**aertys** · 16/08/2016, 11h33

Envoyé par danielhagnoul

Dans readT.js : function clearNode (var myNode) { Il n'y a pas de var pour un paramètre de fonction.
Dans produit catalogue : f004-0 :[ Les noms de propriété sont toujours du texte. On peut ne pas mettre les " " lorsque le nom est composé d'un seul mot, ce qui n'est pas le cas ici : "f004-0".

J'ai corrigé ces erreurs, et vous redonne les fichiers ainsi qu'une nouvelle erreur:
TypeError: caption is null readT.js:38:2

Je pense que le problème se situe dans la fonction "num".

**aertys** · 16/08/2016, 15h20

Après avoir cherché une matinée pour quelle raison il m'indiquait que "caption" est "null",
je suis arrivé à la conclusion que ma variable "t" est un string, donc elle ne peut pas être utilisée pour accéder à un tableau.
Comment accéder à mon tableau en utilisant cette variable (t ['title'] renvoi "undefined")?

Finalement, "t" contient le nom de la variable (ici "f004") dans laquelle je recherche "title".

**danielhagnoul** · 18/08/2016, 12h18

J'ai des avertissements bizarres (sans doute dû à des caractères exotiques) lorsque j'ouvre votre dernière version du fichier readT.js.

Ci-dessous la version "corrigée", mais il reste un avertissement pour :

Code javascript :

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

1
2
3
4
5
var p002 = {
	title: 'GaAs MESFET',
	headers:['PROCESS', 'Power Density\n(mW/mm)', 'Gate Length\n(µm)', 'lds@gm Max\n(mA/mm)', 'Ids Sat\n(mA/mm)', 'Cut off Freq\n(GHz)', 'V Pinch\n(V)', 'Gm Max\n(mS/mm)'],
	"p002_0":['<a href = "Foundry\GaAs MESFET\150505_DS HP07_5125.pdf" > HP07 </a>', '400', '0.7', '300', '450', '15', '-4', '110']
};

Le fichier commence par un chiffre au lieu d'une lettre, ce qui provoque une erreur d'interprétation : "octal escape sequences are deprecated"

Fichier readT.js :

Code javascript :

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
var f004 = {
	title:'AMPLIFIER - ANALOG VGA',
	headers:['Part Number', 'RF Bandwidth\n(GHz)', 'Gain\n(dB)', 'Gain Flatness\n(+/-dB)', 'Noise Figure\n(dB)', 'Gain Control Range\n(dB)', 'P-1dB OUT\n(dBm)', 'Bias\n(mA)', 'Bias\n(V)', 'Case'],
	"f004_0":['<a href = "Datasheet\CHA\CHA3024-99F-Full-4242.pdf" > CHA3024-99F </a>', '2-22', '15', '0.5', '3', '30', '18', '100', '5', 'die'],
	"f004_1":['<a href = "Datasheet\CHA\CHA3024-QGG-Full_4346.pdf" > CHA3024-QGG </a>', '2-22', '15', '-', '3', '30', '18', '100', '5', 'QFN'],
	"f004_2":['<a href = "Datasheet\CHA\CHA4861-QGG-Full-2262.pdf" > CHA4861-QGG </a>', '6-11', '23', '1', '9', '20', '24', '160', '4.5', 'QFN'],
	"f004_3":['<a href = "Datasheet\CHA\CHA2292-99F-Full-7150.pdf" > CHA2292-99F </a>', '16-24', '26', '1', '2.8', '20', '11', '160', '5', 'die'],
	"f004_4":['<a href = "Datasheet\CHA\CHA4863-QGG-Full-1194.pdf" > CHA4863-QGG </a>', '17-24', '24', '1.5', '11', '20', '22', '200', '4.5', 'QFN'],
	"f004_5":['<a href = "Datasheet\CHA\CHA4253aQQG-Full-4346.pdf" > CHA4253aQQG </a>', '17-24', '23', '1', '7.5', '15', '24', '230', '4', 'QFN'],
	"f004_6":['<a href = "Datasheet\CHA\CHA2097a99F-Full-8021.pdf" > CHA2097a99F </a>', '20-40', '18', '1.5', '-', '12', '14', '140', '3.5', 'die'],
	"f004_7":['<a href = "Datasheet\CHA\CHA3660-QQG-Full-5357.pdf" > CHA3660-QQG </a>', '21-27.5', '25', '1', '4', '15', '19', '180', '4', 'QFN'],
	"f004_8":['<a href = "Datasheet\CHA\CHA3395-QDG-Full-5090.pdf" > CHA3395-QDG </a>', '21-29.5', '24', '0.5', '4.5', '15', '20', '180', '4', 'QFN'],
	"f004_9":['<a href = "Datasheet\CHA\CHA2293-99F-Full-7150.pdf" > CHA2293-99F </a>', '24-30', '24', '1.5', '3', '15', '12', '160', '5', 'die'],
	"f004_10":['<a href = "Datasheet\CHA\CHA3396-QDG-Full-5260.pdf" > CHA3396-QDG </a>', '27-33.5', '22', '1.5', '4.5', '15', '19', '155', '4', 'QFN'],
	"f004_11":['<a href = "Datasheet\CHA\CHA3397-QDG-Full-6113.pdf" > CHA3397-QDG </a>', '36-40.5', '21', '1', '7', '15', '18', '200', '4', 'QFN'],
	"f004_12":['<a href = "Datasheet\CHA\CHA2080-98F-Full-2355.pdf" > CHA2080-98F </a>', '71-86', '22', '0.8', '3.5', '12', '10', '75', '3.5', 'die']
};
 
var f001 = {
	title: 'AMPLIFIER - HPA',
	headers:['Part Number', 'RF Bandwidth\n(GHz)', 'Gain\n(dB)', 'IP3\n(dBm)', 'P-1dB OUT\n(dBm)', 'Sat. Output Power\n(dBm)', 'Bias\n(mA)', 'Bias\n(V)', 'Case'],
	"f001_0":['<a href = "Datasheet\CHA\CHA6015-99F-Full-3347.pdf" > CHA6015-99F </a>', '2-8', '18.5', '-', '36.5', '37.5', '2000', '7', 'die'],
	"f001_1":['<a href = "Datasheet\CHA\CHA8012-99F-Full-3332.pdf" > CHA8012-99F </a>', '5.2-6', '22', '-', '-', '41.5', '2100', '8', 'die'],
	"f001_2":['<a href = "Datasheet\CHA\CHA6250-QFG-Full-2272.pdf" > CHA6250-QFG </a>', '5.5-9', '23.5', '43', '33.5', '34.5', '900', '7', 'QFN'],
	"f001_3":['<a href = "Datasheet\CHA\CHA6552-QJG-Full-4147.pdf" > CHA6552-QJG </a>', '5.8-8.5', '22', '45', '35', '36', '1800', '7', 'QFN'],
	"f001_4":['<a href = "Datasheet\CHA\CHA6105-99F-Full-0106.pdf" > CHA6105-99F </a>', '8-12', '30', '-', '30.5', '31.5', '700', '8', 'die'],
	"f001_5":['<a href = "Datasheet\CHA\CHA6005-99F-Full-2244.pdf" > CHA6005-99F </a>', '8-12', '22', '-', '31.5', '32.5', '350', '8', 'die'],
	"f001_6":['<a href = "Datasheet\CHA\CHA6005-QEG-Full-5070.pdf" > CHA6005-QEG </a>', '8-12', '19.5', '-', '31.5', '32', '420', '8', 'QFN'],
	"f001_7":['<a href = "Datasheet\CHA\CHA8610-99F-Full-6180.pdf" > CHA8610-99F </a>', '8.5-11', '24', '-', '-', '42.5', '680', '30', 'die'],
	"f001_8":['<a href = "Datasheet\CHA\CHA7114-99F-Full-0197.pdf" > CHA7114-99F </a>', '8.5-11.5', '20', '-', '-', '39.8', '2000', '8', 'die'],
	"f001_9":['<a href = "Datasheet\CHA\CHA7115-99F-Full-1069.pdf" > CHA7115-99F </a>', '8.5-11.5', '27.5', '-', '-', '39', '2200', '8', 'die'],
	"f001_10":['<a href = "Datasheet\CHA\CHA7215-99F-Full-9287.pdf" > CHA7215-99F </a>', '8.5-11.5', '28', '-', '-', '39.5', '2300', '8', 'die'],
	"f001_11":['<a href = "Datasheet\CHA\CHA8100-99F-Full-0069.pdf" > CHA8100-99F </a>', '9-10.5', '18', '-', '-', '41', '2100', '9', 'die'],
	"f001_12":['<a href = "Datasheet\CHA\CHA7012-99F-Full-9082.pdf" > CHA7012-99F </a>', '9.2-10.4', '20', '-', '37.5', '39.5', '1900', '7.5', 'die'],
	"f001_13":['<a href = "Datasheet\CHA\CHA6252-QFG-Full-2355.pdf" > CHA6252-QFG </a>', '13-15.5', '22', '41', '32.5', '35', '1100', '7', 'QFN'],
	"f001_14":['<a href = "Datasheet\CHA\CHA6550-QXG-Full-6159.pdf" > CHA6550-QXG </a>', '17- 24', '22', '41', '33.5', '34', '1300', '6', 'QFN'],
	"f001_15":['<a href = "Datasheet\CHA\CHA6362-QXG_Full-5190.pdf" > CHA6362-QXG </a>', '17.7-19.7', '22', '42', '33', '34.5', '1340', '6', 'QFN'],
	"f001_16":['<a href = "Datasheet\CHA\CHA5356-QGG-Full-4273.pdf" > CHA5356-QGG </a>', '17.7-23.6', '19', '38', '31', '33', '700', '6', 'QFN'],
	"f001_17":['<a href = "Datasheet\CHA\CHA6652-QXG-Full-6159.pdf" > CHA6652-QXG </a>', '21-27.5', '22', '40', '33.5', '34', '1300', '6', 'QFN'],
	"f001_18":['<a href = "Datasheet\CHA\CHA6356-QXG-Full-5113.pdf" > CHA6356-QXG </a>', '21.2-23.6', '20', '42', '33', '33.5', '1300', '6', 'QFN'],
	"f001_19":['<a href = "Datasheet\CHA\CHA6558-99F-Full-2251.pdf" > CHA6558-99F </a>', '28-32', '21', '-', '33.2', '33.4', '1400', '6', 'die'],
	"f001_20":['<a href = "Datasheet\CHA\CHA6194-QXG-Full-6130.pdf" > CHA6194-QXG </a>', '37- 40', '20', '42', '31', '32', '800', '6', 'QFN']
};
 
var f008 = {
	title: 'DETECTOR ',
	headers:['Part Number', 'RF Bandwidth\n(GHz)', 'Loss\n(dB)', 'Dynamic Range\n(dB)', 'Type', 'Case'],
	"f008_0":['<a href = "Datasheet\CHE\CHE1270a98F-Full-6174.pdf" > CHE1270a98F </a>', '5-44', '-', '30', 'Wide-Band', 'die'],
	"f008_1":['<a href = "Datasheet\CHE\CHE1270-QAG-Full-0329.pdf" > CHE1270-QAG </a>', '10-44', '-', '30', 'Wide-Band', 'QFN'],
	"f008_2":['<a href = "Datasheet\CHE\CHE1260-98F-Full-0197.pdf" > CHE1260-98F </a>', '10-27', '0.8', '30', 'Bidirectionnal', 'die'],
	"f008_3":['<a href = "Datasheet\CHE\CHE1260-QAG-Full-0200.pdf" > CHE1260-QAG </a>', '10-27', '1', '30', 'Bidirectionnal', 'QFN']
};
 
var f012 = {
	title: 'MIXER ',
	headers:['Part Number', 'RF Bandwidth\n(GHz)', 'LO Bandwidth\n(GHz)', 'IF Bandwidth\n(GHz)', 'Conv. Gain\n(dB)', 'P-1dB IN\n(dBm)', 'LO Input Power\n(dBm)', 'Bias\n(mA)', 'Bias\n(V)', 'Case'],
	"f012_0":['<a href = "Datasheet\CHM\CHM1481-QFG-Full-1356.pdf" > CHM1481-QFG </a>', '6-9', '6-9', 'DC-0.25', '-9', '11', '0', '120', '4', 'QFN'],
	"f012_1":['<a href = "Datasheet\CHM\CHM1483-QFG-Full_2305.pdf" > CHM1483-QFG </a>', '12-16', '12-16', 'DC-1', '-9', '11', '0', '100', '4', 'QFN'],
	"f012_2":['<a href = "Datasheet\CHM\CHM1290-99F-Full-2355.pdf" > CHM1290-99F </a>', '20-30', '10-15', 'DC-6', '-10', '0', '-4', '33', '4', 'die'],
	"f012_3":['<a href = "Datasheet\CHM\CHM1291-99F-Full-7166.pdf" > CHM1291-99F </a>', '25-32', '12-15.5', '0.1-3', '-11', '0', '5', '55', '3.5', 'die'],
	"f012_4":['<a href = "Datasheet\CHR\CHR2294-99F-Full-0197.pdf" > CHR2294-99F </a>', '25-35', '11-19', 'DC-3', '-11', '2.5', '9', '55', '4', 'die'],
	"f012_5":['<a href = "Datasheet\CHM\CHM1294-99F-Full-0204.pdf" > CHM1294-99F </a>', '35-45', '16-24', 'DC-3', '-11', '0', '10', '60', '4', 'die'],
	"f012_6":['<a href = "Datasheet\CHM\CHM1298-99F-Full-1293.pdf" > CHM1298-99F </a>', '55-65', '27.5-32.5', 'DC-5', '-12', '0', '10', '90', '3.5', 'die'],
	"f012_7":['<a href = "Datasheet\CHM\CHM1080-98F-Full_3329.pdf" > CHM1080-98F </a>', '71-86', '34.5-44', 'DC-12', '-11', '10', '2', '90', '3.5', 'die'],
	"f012_8":['<a href = "Datasheet\CHM\CHM2179b98F_Full-3246.pdf" > CHM2179b98F </a>', '76-77', '76-77', 'DC-0.1', '-8', '0', '5.5', '1', '4.5', 'die'],
	"f012_9":['<a href = "Datasheet\CHM\CHM2378a99F-Full-6354.pdf" > CHM2378a99F </a>', '76-77', '76-77', 'DC-0.1', '-7.5', '0', '7', '1.5', '4.5', 'die'],
	"f012_10":['<a href = "Datasheet\CHM\CHM1270a98F-Full-2352.pdf" > CHM1270a98F </a>', '76-77', '76-77', 'DC-0.1', '-7.5', '0', '15', '-', '-', 'die']
};
 
var f018 = {
	title: 'TRANSISTOR',
	headers:['Part Number', 'RF Bandwidth\n(GHz)', 'Gain\n(dB)', 'Noise Figure\n(dB)', 'Case'],
	"f018_0":['<a href = "Datasheet\EC\EC2612-99F -Full-0077.pdf" > EC2612-99F </a>', 'DC-40', '9.5', '1.5', 'die']
};
 
var p002 = {
	title: 'GaAs MESFET',
	headers:['PROCESS', 'Power Density\n(mW/mm)', 'Gate Length\n(µm)', 'lds@gm Max\n(mA/mm)', 'Ids Sat\n(mA/mm)', 'Cut off Freq\n(GHz)', 'V Pinch\n(V)', 'Gm Max\n(mS/mm)'],
	"p002_0":['<a href = "Foundry\GaAs MESFET\150505_DS HP07_5125.pdf" > HP07 </a>', '400', '0.7', '300', '450', '15', '-4', '110']
};
 
function clearNode(myNode){
	while (myNode.firstChild) {
	    myNode.removeChild(myNode.firstChild);
	}
}
 
function num () {
	var search1 = new String (window.location.search);
	var num = search1.slice(-3);
	console.log (window.location.search);
	console.log (num);
	if (!isNaN(parseInt(num,10))) {
		return {
			num: parseInt(num,10),
			letter: search1.charAt(1)			
		}; 
	}
	else {
		return {
			num:  null,
			letter: 'toto est '
		};
	}
}
 
function setBool () {
	var search1 = new String (window.location.search());
	var bool = search1;
	return bool;  
}
 
function affich () {
	var c = num ();
	var table = document.querySelector('table');	
	if (table.firstChild) {
		clearNode (table);
	}
	var t = c ['letter'] + c ['num'],
	    caption = document.querySelector('caption'),
	    tr1 = document.querySelector('tr'),
	    captionText = document.createTextNode(t ['title']);
	console.log (t [0]);
	caption.appendChild(captionText);
	for (var i = 0 ; i < t ['headers'].length ; i++) {
		var newTh = document.createElement('th');
		newTh.innerHTML = t ['headers'] [i];
		tr1.appendChild(newTh);
	}
	for (var i = 0 ; i < t.length - 2 ; i++) {
		var newTr = document.createElement('tr');
			for (var j = 0 ; j < t [t + '-' + t.length - 2] ; j++) {
				var newTd = document.createElement('td');
				newTd.innerHTML = t [i] [j];
				newTr.appendChild(newTd);
			}
		table.appendChild(newTr);		
	}
}
 
affich();

Concernant votre demande :

Après avoir cherché une matinée pour quelle raison il m'indiquait que "caption" est "null",
je suis arrivé à la conclusion que ma variable "t" est un string, donc elle ne peut pas être utilisée pour accéder à un tableau.
Comment accéder à mon tableau en utilisant cette variable (t ['title'] renvoi "undefined")?

Finalement, "t" contient le nom de la variable (ici "f004") dans laquelle je recherche "title".

Je n'ai plus le temps ce matin.

**danielhagnoul** · 18/08/2016, 22h28

J'ai du mal à comprendre ce que vous essayez de réaliser dans votre code.

Code javascript :

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
function affich( ){
	var
		c = num(),
		table = document.querySelector( '#myTable' );
 
	//impossible on effacera le contenu de la table, inclus le caption
	/*
	if ( table.firstChild ) {
		clearNode( table );
	}
	*/
 
	var t = c.letter + c.num;
 
	//captionText = document.createTextNode( "Mon Titre" ); // t.title n'existe pas !
 
	table.caption.textContent = "Mon titre";
 
	/*
	for ( var i = 0 ; i < t[ 'headers' ].length ; i++) { // t.headers n'existe pas !
	*/
}

Affichage de tableau

JavaScript

Discussions similaires

Partager

Partager