Automatiser un traitement

**Yullll** · 06/12/2016, 16h50

Bonjour j'essaye de copier des données excel d'un classeur vers un appli HTA.
Du coups j'essaye de coder en Javascript l'opération.
J'ai trouvé un bout de code qui marche pas mal cependant il implique de faire ligne par ligne...
Pas tellement pratique ! Voici le code :

Code html :

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
<HTML>
<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="styles.css">
<TITLE>
 
</TITLE>
</HEAD>
 
<script LANGUAGE=javascript>
<!--
 
// ============== solution accès direct aux lignes de EXCEL de Article 01, 02 et 03 ===================================
 
function ImportFromXLS_Direct() {
var Path_file;    // Chemin du fichier
var oExcel;       // Application Excel
var oExcelSheet;  // Feuille de calcul
var oWkBooks;     // Contenu du fichier Excel
 
// Chemin du fichier EXCEL avec des "/" et non des "\"
// Le chemin peut aussi être mis en "dur" exemple : Path_file = "c:/mes documents/répertoire/Excel_export.xls"
var Rep_cour = window.location.href;           // Répertoire de la page htm en cours
var Index = Rep_cour.lastIndexOf("/");         // Rechecher du dernier séparateur /
var Rep_cour = Rep_cour.substring(0,Index);    // Répertoire du fichier
Path_file = "D:/Users/s580385/Desktop/HTML/Gestion donnees stock.xlsx";
 
// Lancement de EXCEL
oExcel = new ActiveXObject('Excel.Application');
oExcel.WorkBooks.Open (Path_file);
 
// Pour rendre EXCEL visible sinon supprimer la ligne
oExcel.Visible = true;
 
document.getElementById("A1").innerHTML = oExcel.ActiveSheet.cells(3,1).value; // Cellule(lignes, colonnes)
document.getElementById("A2").innerHTML = oExcel.ActiveSheet.cells(4,1).value;
document.getElementById("A3").innerHTML = oExcel.ActiveSheet.cells(5,1).value;
 
document.getElementById("Q1").innerHTML = oExcel.ActiveSheet.cells(3,2).value;
document.getElementById("Q2").innerHTML = oExcel.ActiveSheet.cells(4,2).value;
document.getElementById("Q3").innerHTML = oExcel.ActiveSheet.cells(5,2).value;
 
//var total = oExcel.ActiveSheet.cells(2,2).value + oExcel.ActiveSheet.cells(3,2).value + oExcel.ActiveSheet.cells(4,2).value;
//document.getElementById("TOT").innerHTML = total;
 
// fermeture de EXCEL sinon supprimer les deux lignes
oExcel.WorkBooks.Close;
oExcel.Quit();
}
 
//-->
</script>
 
<BODY>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1">
  <tr>
    <td width="300">
    <p align="center"><font size="1">Articles</font></td>
    <td width="100">
    <p align="center"><font size="1">Quantites</font></td>
  </tr>
  <tr>
    <td width="300" id="A1"> </td>
    <td width="100" id="Q1" align="center"><p align="center">0</td>
  </tr>
  <tr>
    <td width="300" id="A2"> </td>
    <td width="100" id="Q2" align="center"><p align="center">0</td>
  </tr>
  <tr>
    <td width="300" id="A3"> </td>
    <td width="100" id="Q3" align="center"><p align="center">0</td>
  </tr>
</table>
<br>
 
 
<p><INPUT type="button" value="Importer de EXCEL - direct A1, A2 et A3" id=button1 name=button1 onCLick="ImportFromXLS_Direct()" style="width: 400"></p>
 
 
 
</BODY>
</HTML>

Es ce qu'il y aurait un moyen d'automatiser la création et l'insertion des lignes ? (j'ai essayé avec for, sans succés...)

Par avance merci de votre aide

**Watilin** · 07/12/2016, 02h58

Est-ce que ceci conviendrait ?

Code html :

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
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="styles.css">
  <title>Accès lignes Excel</title>
  <style type="text/css">
 
  #AutoNumber1 { border: solid 1px #111111;
                 border-collapse: collapse;
                 margin-bottom: 2.5em;
  }
  #AutoNumber1 td,
  #AutoNumber1 th { border: solid 1px #111111;
                    padding: 0;
                    text-align: center;
  }
  #AutoNumber1 th { font-size: x-small;
                    font-weight: normal;
                    width: 100px;
  }
  #AutoNumber1 th:first-child { width: 300px;
  }
  #AutoNumber1 td:first-child { text-align: left;
  }
  #button1 { width: 400px;
  }
 
  </style>
  <script type="text/javascript">
 
  "use strict";
 
  // ==== solution accès direct aux lignes de EXCEL de Article par groupes de 3 ====
 
  var Line = 3;
  var TBody;
  var Path_file = "D:/Users/s580385/Desktop/HTML/Gestion donnees stock.xlsx";
 
  function ImportFromXLS_Direct() {
    var oExcel, Row, CellA, CellQ;
 
    // Lancement de EXCEL
    oExcel = new ActiveXObject("Excel.Application");
    oExcel.WorkBooks.Open(Path_file);
 
    // Pour rendre EXCEL visible sinon supprimer la ligne
    oExcel.Visible = true;
 
    if (!TBody) {
      TBody = document.getElementById("AutoNumber1").createTBody();
    }
 
    // Cellule(lignes, colonnes)
    for (var i = 0; i < 3; i++) {
      Row = TBody.insertRow(-1);
      CellA = Row.insertCell(-1);
      CellQ = Row.insertCell(-1);
      CellA.innerHTML = oExcel.ActiveSheet.cells(Line + i, 1).value;
      CellQ.innerHTML = oExcel.ActiveSheet.cells(Line + i, 2).value;
    }
 
    Line += 3;
 
    //var total = oExcel.ActiveSheet.cells(2, 2).value +
    //  oExcel.ActiveSheet.cells(3, 2).value +
    //  oExcel.ActiveSheet.cells(4, 2).value;
    //document.getElementById("TOT").innerHTML = total;
 
    // fermeture de EXCEL sinon supprimer les deux lignes
    oExcel.WorkBooks.Close();
    oExcel.Quit();
  }
 
  </script>
</head>
<body>
 
<table id="AutoNumber1">
  <thead>
    <tr>
      <th scope="col">Articles</th>
      <th scope="col">Quantités</th>
    </tr>
  </thead>
</table>
 
<button id="button1" onclick="ImportFromXLS_Direct()">
  Importer de EXCEL - direct 3 lignes
</button>
 
</body>
</html>

**Yullll** · 07/12/2016, 09h14

Bonjour Watilin ton code fonctionne parfaitement !
Tu as exactement compris ce que je voulais faire

Du coups j'ai quelques trucs a rajouter mais tu m'as donné une super base de travail !!
Merci encore, si j'ai des soucis je réactiverai la conversation

**Yullll** · 07/12/2016, 09h19

C'est la version la plus rapide, car je vais copier 6533 lignes et énormément de colonnes ...
J'avais testé avec <Iframe> en important le classeur entier mais je n'arrivais pas a afficher qu'une seule page ou plage ...

**Yullll** · 07/12/2016, 09h56

J'ai converti mon fichier en page web.htm du coups je peux aller chercher direct l'ID de la table non ?
Mais comment l'importer dans mon code ?
J 'essaye d'importer avec iframe comme ceci mais ca ne marche pas ...

Code html :

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

<IFRAME src="Gestion%20donnees%20stock fichiers/sheet001.htm"   scrolling="yes"  width="1400" height="1200"></IFRAME>

**Watilin** · 07/12/2016, 17h03

Avec une iframe tu accèdes au contenu via sa propriété contentDocument ; note que tu n’as le droit de le faire que si la page incluse et la page appelante ont le même domaine (comme pour les appels ajax).

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<iframe id="sheet" src="Gestion donnees stock fichiers/sheet001.htm"
    scrolling="yes" width="1400" height="1200"></iframe>
<script>
"use strict";
 
var sheetDocument = document.getElementById("sheet").contentDocument;
 
sheetDocument.getElementById( … )
…
 
</script>

**Yullll** · 09/12/2016, 08h35

Bonjour watilin,

J'ai deux problème avec le code suivant :

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
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
<!-- ==== solution accès direct aux lignes de EXCEL de Article par groupes de 3 ====-->
 
 <script type="text/javascript">
 "use strict";
  var Line = 7;
  var TBody;
  var Path_file = "D:/Users/s580385/Desktop/HTML/Gestion donnees stock.xlsm";
 
  function ImportFromXLS_Direct() {
    var oExcel, Row, CellA, CellB, CellC, CellD, CellE;
 
    // Lancement de EXCEL
    oExcel = new ActiveXObject("Excel.Application");
    oExcel.WorkBooks.Open(Path_file);
 
    // Pour rendre EXCEL visible sinon supprimer la ligne
    oExcel.Visible = false;
 
    if (!TBody) {
      TBody = document.getElementById("AutoNumber1").createTBody();
    }
 
    // Cellule(lignes, colonnes)
    for (var i = 0; i < 6533; i++) {
 
if  (document.getElementById("texte").value == oExcel.ActiveSheet.cells(Line + i, 1).value){
      Row = TBody.insertRow(-1);
      CellA = Row.insertCell(-1);
      CellB = Row.insertCell(-1);
	  CellC = Row.insertCell(-1);
	  CellD = Row.insertCell(-1);
	  CellE = Row.insertCell(-1);
      CellA.innerHTML = oExcel.ActiveSheet.cells(Line + i, 1).value;
      CellB.innerHTML = oExcel.ActiveSheet.cells(Line + i, 13).value;
	  CellC.innerHTML = oExcel.ActiveSheet.cells(Line + i, 14).value;
	  CellD.innerHTML = oExcel.ActiveSheet.cells(Line + i, 15).value;
	  CellE.innerHTML = oExcel.ActiveSheet.cells(Line + i, 16).value;
	  }
    }
 
    Line +=7;
 
    // fermeture de EXCEL sinon supprimer les deux lignes
    oExcel.WorkBooks.Close();
    oExcel.Quit();
  }
 
  </script>
</head>
<body>
  <form id ="rche-texte" > Reference :
            <label id="recherche-texte"><input id="texte" name="q" placeholder="reference" value="" title="recherche" type="text"></label>
</form>
<table id="AutoNumber1">
  <thead>
    <tr>
      <th scope="col">Articles  </th>
      <th scope="col">Stock BAAN  </th>
	  <th scope="col">Stock SAPHIR  </th>
	  <th scope="col">Ecart BRUT  </th>
	  <th scope="col">Commentaires  </th>
    </tr>
  </thead>
</table>
 
<button id="button1" onClick="ImportFromXLS_Direct()">
  Importer les données
</button>
</BODY>
</HTML>

Le 1er, c'est que le code est très lent ... peux etre du a l'écrite de la fonction js ou a l'utilisation d'objet Excel ?
Le 2eme c'est que la fonction Tbody ne fonctionne pas dans ma HTA mais bien sur un fichier. html
Après je ne sais pas si je peux faire des requetes dans un fichier CSV car mes tableau n'ont pas d'ID et je ne sais comment selectionner des cellules.
Peux tu m'aider ?

**Watilin** · 09/12/2016, 18h55

Envoyé par Yullll

J'ai deux problème […]
Le 1er, c'est que le code est très lent ...

C’est surtout dû au fait qu’il y a un grand nombre de lignes à traiter ; toutefois, on peut faire quelques optimisations dans le script.

Première optimisation, simple à mettre en place : tu devrais réutiliser le même objet oExcel et ne plus le fermer et réouvrir toutes les 7 lignes. Ouvre-le une fois au début et ferme-le à la toute fin, une fois que toutes les lignes ont été traitées.

Ensuite, pour éviter un gel de l’interface, tu devras mettre en place un traitement par lots (batch processing), c’est-à-dire traiter un certain nombre de lignes, puis rendre la main pour permettre à l’interface de « respirer », puis traiter un autre groupe de lignes.
Pour rendre la main il faut faire un appel asynchrone de fonction, et l’un des moyens de faire ça est d’utiliser setTimeout avec un court délai. Je suggère 100 ms, presque imperceptible pour l’humain mais largement suffisant pour la machine – mais c’est une question de goût.

Voici un exemple de structure d’un traitement par lots.

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
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
"use strict";
 
// déclaration des "constantes" du script
var BATCH_SIZE = 7;    // nombre de lignes par lot
var DELAY      = 100;  // délai en milisecondes avant le prochain traitement
var N_LINES    = 6533; // nombre total de lignes à traiter
var PATH_FILE  = "D:/Users/s580385/Desktop/HTML/Gestion donnees stock.xlsm";
 
// j’ai changé oExcel en variable globale
var TBody, oExcel;
 
// fonction de traitement d’un lot
function ProcessBatch(Line) {
  var Row, CellA, CellB, CellC, CellD, CellE, … ;
 
  // si on est sur le dernier lot, il peut y avoir moins de lignes que la taille d’un lot
  var CurrentBatchSize = Math.min(BATCH_SIZE, N_LINES - Line);
 
  for (var i = 0; i < CurrentBatchSize; i++) {
 
    … cell(Line + i, …) …
 
  }
 
  // s’il reste des lots à traiter, planifie le traitement du prochain lot
  if (Line + BATCH_SIZE < N_LINES) {
    setTimeout(function () {
      // à chaque nouvel appel, le paramètre Line sera augmenté de BATCH_SIZE
      // c’est l’équivalent du "Line += 7" de la version précédente
      ProcessBatch(Line + BATCH_SIZE);
    }, DELAY);
  }
  else { // si plus de lot à traiter, appelle la fonction de nettoyage
    Cleanup();
  }
}
 
function Cleanup() {
  oExcel.WorkBooks.Close();
  oExcel.Quit();
}
 
function ImportFromXLS_Direct() {
  // initialise les variables globales
  oExcel = new ActiveXObject("Excel.Application");
  oExcel.WorkBooks.Open(PATH_FILE);
  oExcel.Visible = false;
 
  TBody = document.getElementById("AutoNumber1").createTBody();
 
  // lance le traitement du premier lot
  ProcessBatch(0);
}

Envoyé par Yullll

Le 2eme c'est que la fonction Tbody ne fonctionne pas dans ma HTA mais bien sur un fichier. html

Je n’ai jamais développé en contexte HTA donc je ne sais pas d’où peut venir le problème. Essaye d’obtenir plus d’informations, par exemple un message d’erreur si tu peux accéder à la console. Regarde aussi si ce n’est pas un problème lié à l’iframe : il faut peut-être utiliser sheetDocument à la place de document. Ça dépend de quelle page appelle ton script, la page incluse ou la page mère.

Pour accéder aux cellules d’un tableau, tu as normalement (je dis bien normalement vu que je ne sais pas si c’est pareil dans une HTA) accès aux propriétés rows et cells.

En code ce sera plus clair :

Code :

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

1
2
3
4
5
6
7
var rows = document.getElementById("AutoNumber1").rows;
for (var i = 0; i < rows.length; i++) {
  var cells = rows[i].cells;
  for (var j = 0; j < cells.length; j++) {
    console.log(cells[j].innerHTML);
  }
}

Tu peux aussi être plus malin et mettre des classes sur les cellules qui t’intéressent, et utiliser getElementsByClassName pour y accéder directement à partir d’un row.

Code :

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

1
2
3
4
5
6
7
var rows = document.getElementById("AutoNumber1").rows;
for (var i = 0; i < rows.length; i++) {
  var machin = rows[i].getElementsByClassName("machin")[0];
  if (machin) {
    console.log(machin.innerHTML);
  }
}

J’hésite à te conseiller querySelector, mais vu que tu développes pour IE, la compatibilité de cette fonction n’est pas garantie. À moins que tu puisses t’assurer que tous tes utilisateurs utilisent une version d’IE suffisamment récente…

**NoSmoking** · 10/12/2016, 09h38

Bonjour,
un autre axe d'accélération et de passer par le clonage d'une ligne et de ne pas utiliser innerHTML mais textContent.
On peut également travailler sur un élément qui n'est pas affiché, display:none ou createDocumentFragment(), pour ne pas générer un « reflow » inutile du navigateur.

Envoyé par Watilin

J’hésite à te conseiller querySelector, mais vu que tu développes pour IE, la compatibilité de cette fonction n’est pas garantie.

déjà utilisé avec IE8, certes avec un sélecteur CSS2 pas trop sophistiqué, mais cela marche bien !

Automatiser un traitement

JavaScript

Discussions similaires

Partager

Partager