Coller des donn�es depuis Excel

**Dark_TeToN** · 30/11/2011, 13h27

Bonjour � tous,

Je cherche � coller des donn�es depuis Excel dans une page web.
J'ai des textfield (�l�ments <input type="text" />) en ligne, et je souhaite que lorsque je copie plusieurs cellules en ligne depuis Excel, cela se colle � raison d'une cellule par textfield, dans ma page web.

J'ai des d�but d'�l�ments de r�ponse assez prometteurs, MAIS il reste quelques petits bugs :

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
<html>
 
	<head>
		<title>Test copier-coller depuis Excel</title>
		<script src="http://www.prototypejs.org/assets/2008/9/29/prototype-1.6.0.3.js" type="text/javascript"></script>
 
		<script type="text/javascript">     
		  function init(){
			   Event.observe('f1', 'paste', pasteCol);
			   Event.observe('f2', 'paste', pasteCol);
			   Event.observe('f3', 'paste', pasteCol);
			   Event.observe('f4', 'paste', pasteCol);
			   Event.observe('f5', 'paste', pasteCol);
			   function pasteCol(event) { 
					var notes=window.clipboardData.getData("Text");
					var tab= new RegExp('[\t]');
					notes=notes.split(tab);
 
					for (i=0; i<notes.length; i++) {
						document.getElementsByTagName("input")[i].value = notes[i];
					}
			   }
		  }
		</script>
	</head>
 
	<body>
		<input type="text" name="f1" id="f1" size="5" />
		<input type="text" name="f2" id="f2" size="5" />
		<input type="text" name="f3" id="f3" size="5" />
		<input type="text" name="f4" id="f4" size="5" />
		<input type="text" name="f5" id="f5" size="5" />
  </body>
 
</html>

J'ai plusieurs soucis :

- Le premier est que lorsque je colle, tout se passe bien sauf dans la premi�re cellule, toutes les donn�es coll�es se mettent dans la premi�re cellule, je cherche � savoir comment est-ce que je peux modifier le contenu de mon textfield apr�s que le collage ait eu lieu...

- Le deuxi�me souci est de savoir dans quel cellule est-ce que le collage a eu lieu car si l'utilisateur colle dans la 2�me cellule, le premier souci sera pr�sent mais dans la 2�me cellule cette fois-ci, et les cellules vont se remplir depuis la premi�re (ce qui est normal lorsque l'on regarde mon code, puisque ma boucle for commence � l'�l�ment 0 dans tous les cas). Donc je souhaite connaitre l'�l�ment d�clencheur de l'�v�nement...

Merci d'avance !!!

*** EDIT : Ne fonctionne QUE sous IE... ***

**Bovino** · 30/11/2011, 13h37

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var tab= new RegExp('[\t]');

Ta regexp est mal construite, il faut doubler l'�chappement, ou mieux, utiliser un litt�ral plut�t qu'un constructeur :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var tab= /\t/;

.
Mais de toute fa�on, cela ne sert � rien de passer par une regexp, une simple chaine dans le split suffit et am�liorera les performances !

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

notes=notes.split('\t');

**Dark_TeToN** · 30/11/2011, 14h04

Oui peut-�tre mais elle fonctionne... Et ce n'est pas l� mon probl�me !!!
Pour r�cup�rer l'�v�nement j'ai r�ussi � trouv� quelque chose qui fonctionne mais je ne dis pas que c'est tr�s optimis�...

Me reste le probl�me du premier textfield...

Mon code mis � jour :

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
<html>
 
	<head>
		<title>Test copier-coller depuis Excel</title>
		<script src="http://www.prototypejs.org/assets/2008/9/29/prototype-1.6.0.3.js" type="text/javascript"></script>
 
		<script type="text/javascript">     
		  function init(){
			   Event.observe('f1', 'paste', pasteCol);
			   Event.observe('f2', 'paste', pasteCol);
			   Event.observe('f3', 'paste', pasteCol);
			   Event.observe('f4', 'paste', pasteCol);
			   Event.observe('f5', 'paste', pasteCol);
			   function pasteCol(event) { 
					var notes=window.clipboardData.getData("Text");
 
					notes=notes.split('\t');
 
					var elementTriggered = Event.element(event);
					var valeurDebut = 0;
					var trouve = false;
					// Boucle pour trouver l'élement qui a reçu le collage
					for (i=0; i<document.forms[0].elements.length; i++) {
						if (document.forms[0].elements[i] == elementTriggered) {
							valeurDebut = i;
							trouve = true;
							break;
						}
					}
					if (trouve) {
						var j = 0;
						for (i=valeurDebut; i<document.forms[0].elements.length-1 && j<notes.length; i++) {
							document.forms[0].elements[i].value = notes[j];
							j++;
						}
					}
			   }
		  }
		</script>
	</head>
 
	<body onload="init()">
		<form name="myForm" id="myForm">
			<input type="text" name="f1" id="f1" size="5" />
			<input type="text" name="f2" id="f2" size="5" />
			<input type="text" name="f3" id="f3" size="5" />
			<input type="text" name="f4" id="f4" size="5" />
			<input type="text" name="f5" id="f5" size="5" />
			<textarea> </textarea>
		</form>
  </body>
 
</html>

Si quelqu'un a une id�e... Je vais test� avec la fonction onChange peut-�tre un truc dans ce style...

**Bovino** · 30/11/2011, 14h16

Envoy� par Dark_TeToN

Oui peut-�tre mais elle fonctionne...

Ah...

Envoy� par Dark_TeToN

toutes les donn�es coll�es se mettent dans la premi�re cellule

**NoSmoking** · 30/11/2011, 15h27

d'ailleurs pourquoi supprimer les tabulations, c'est ce qui permet sous excel d'envoyer la suite dans la cellule d'� cot� me semble t-il?

**Dark_TeToN** · 30/11/2011, 16h59

Bon je vois que vous n'avez peut-�tre pas compris le principe... Je me suis peut-�tre mal exprim�.

J'ai des donn�es dans Excel qui sont dans 5 cellules (de A1 � E1).
Je copie ces 5 cellules.
J'ai 6 textfield dans une page web. Je souhaite que lorsque je colle mes donn�es sur le premier textfield (le plus � gauche donc) elle se r�partissent toutes seules dans les diff�rents textfield (un textfield = une cellule Excel).

Donc du coup, seule le 6�me textfield sera vide.

Le probl�me c'est que imaginons que j'ai ceci pour les 5 cellules :

A1 : 1
B1 : 2
C1 : 3
D1 : 4
E1 : 5

Lorsque je colle mes donn�es dans le premier textfield (f1) j'obtiens ceci :

f1 : 1 \t 2 \t 3 \t 4 \t 5
f2 : 2
f3 : 3
f4 : 4
f5 : 5

(les \t apparaissent comme des tabulations, je n'ai pas la chaine de caract�res "\t" qui apparait !).

Je souhaite simplement corriger ce qu'il y a dans le premier textfield (f1). Les autres textfields (f2 � f5) fonctionnent bien !

En fait la cause du probl�me vient du fait que la fonction est appel�e AVANT l'action du coll� dans le textfield. Donc je peux r�soudre ce petit probl�me en ajoutant � la fin de ma fonction la ligne suivante :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

window.clipboardData.setData("Text", notes[0]);

Le probl�me c'est que �a impacte le presse-papier, et je souhaite absolument que le presse-papier reste tel quel � la fin du copier-coller. Il n'y a pas possibilit� d'ex�cuter une fonction juste apr�s que le "coller" ait eut lieu ?

Coller des donn�es depuis Excel

JavaScript

Vue hybride

Discussions similaires

Partager

Partager