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
| <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" />
<!--Load the Ajax API -->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
//Load the visualization API and the pichart packages
google.charts.load('current', {'packages':['table']});
//Set a callback to run when the Google Visualization API is loaded
google.charts.setOnLoadCallback(drawTable);
var btOk = document.getElementByName('b1');btOk.disabled = true;
function drawTable(){
var data = new google.visualization.DataTable();
data.addColumn('string','Référence');
data.addColumn('string','Désignation');
data.addColumn('number','Quantité');
data.addColumn('number','Seuil d\'alerte');
data.addColumn('string','Dimension');
data.addColumn('string','Sens de prise');
data.addColumn('number','Gerbabilité');
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
}
function button(){
var data = new google.visualization.DataTable();
data.addColumn('string','Référence');
data.addColumn('string','Désignation');
data.addColumn('number','Quantité');
data.addColumn('number','Seuil d\'alerte');
data.addColumn('string','Dimension');
data.addColumn('string','Sens de prise');
data.addColumn('number','Gerbabilité');
/*var ref = document.getElementById('ref').value;
var des = document.getElementById('des').value;
var qte = document.getElementById('qte').value;
var sa* = document.getElementById('sa').value;
var dim = document.getElementById('dim').value;
var sdp = document.getElementById('sdp').value;
var ger = document.getElementById('ger').value;*/
data.addRows([
[document.getElementById('ref').value,
*document.getElementById('des').value,
*document.getElementById('qte').value,
*document.getElementById('sa').value,
*document.getElementById('dim').value,
*document.getElementById('sdp').value,
*document.getElementById('ger').value]
/*['Mike','M',12,1,'OKOK','OK',1],
['Mike','M',12,1,'OKOK','OK',1],
['Mike','M',12,1,'OKOK','OK',1]*/
]);
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
}
</script>
</head>
<body>
<div id="table_div">* </div>
<label for="ref">Référence: </label><input type="text" value="" id="ref"><br/>
<label for="des">Désignation: </label><input type="text" value="" id="des"><br/>
<label for="qte">Quantité: </label><input type="text" value="" id="qte"><br/>
<label for="sa">Seuil d'alerte: </label><input type="text" value="" id="sa"><br/>
<label for="dim">Dimension: </label><input type="text" value="" id="dim"><br/>
<label for="sdp">Sens de prise: </label><input type="text" value="" id="sdp"><br/>
<label for="ger">Gerbabilité: </label><input type="text" value="" id="ger"><br/>
<input type=button value="Valider" id="b1" onclick="button()">
</body>
</html> |
