Javascript et code a barre

**LeXo** · 08/03/2007, 15h20

Bonjour

J'ai des codes et je voudrais les interpréter en code a barre 128 sur ma page html.

ya de fonction sui existent sur les serveurs mais est ce que c possible de le faire en javscript ?

d'avance merci

**SpaceFrog** · 08/03/2007, 15h41

heu ton code barre sur la page c'est une image ou il est construit à partir d'elements ?

**LeXo** · 08/03/2007, 16h08

je crée une page html avec des données perso du destinataire dans un fichier excel.

cette page html sera envoyé par mail au destinataire (ceci par sarbacane si tu connais)

Donc pour réponde clairement a ta question il est construit a partir d'un entier de 12 chiffres; identifiant du mec;dans le fichier excel

**SpaceFrog** · 08/03/2007, 16h12

ben si il est construit à partir d'un entier de 12 chiffres qui positionne des éléments sur la page , la focntion inverse ne doit pas être trop dure à trouver... il suffit de scanner les elements de la page pour en deduire les 12 chiffres ...

**SpaceFrog** · 08/03/2007, 16h14

ce code par exemple genère un code barre à partir des 12 chiffres ...

il suffit de parser la page pour chooper la collection de divs crées et regarder les classNames .. et remonter ainsi jusqu'aux array et en deduire le chiffre ...

**LeXo** · 08/03/2007, 16h16

bha justement

mon probleme est de coder/creer le code a barre à partir de ma série de 12 chiffres sur ma page html.

**SpaceFrog** · 08/03/2007, 16h17

ben suffit de demander ...

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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
 
<html>
<head>
<title>Code barre EAN13</title>
<STYLE type="text/css">
.n0 {background-color:#ffffff;height:40px;width:1px;float:left;}
.n1 {background-color:#000000;height:40px;width:1px;float:left;}
.l1 {background-color:#000000;height:50px;width:1px;float:left;}
.nombre {position:absolute;font-size:14px;font-family:times new roman}
.nombre1 {position:relative;font-size:14px;font-family:times new roman;float:left;top:40px;}
.barreCode {position:absolute;top:50px;left:50px;}
</STYLE>
<script type="text/javascript">
var bitsCode = new Array(10);
bitsCode[0] = new Array('0001101','0100111','1110010','000000');
bitsCode[1] = new Array('0011001','0110011','1100110','001011');
bitsCode[2] = new Array('0010011','0011011','1101100','001101');
bitsCode[3] = new Array('0111101','0100001','1000010','001110');
bitsCode[4] = new Array('0100011','0011101','1011100','010011');
bitsCode[5] = new Array('0110001','0111001','1001110','011001');
bitsCode[6] = new Array('0101111','0000101','1010000','011100');
bitsCode[7] = new Array('0111011','0010001','1000100','010101');
bitsCode[8] = new Array('0110111','0001001','1001000','010110');
bitsCode[9] = new Array('0001011','0010111','1110100','011010');
function EAN13() {
cb = document.form.codeBarre.value;
if (isNaN(cb)||cb.length!=12) {alert("Un nombre de 12 chiffres seulement");return false;}
divEAN = document.getElementById("EAN13CODE")
divEAN.innerHTML="";
codes = new Array();
for (var i=a=b=0;i<12;i++) {
codes[i] = eval(cb.charAt(i));
if (i%2)
b+=codes[i];
else
a+=codes[i];
}
reste = (a+(b*3))%10;
codes[12] = 10-(reste==0?10:reste);
var bits = getBits(codes);
bit = bits.split("");
 
el = document.createElement("div");
el.innerHTML= cb.charAt(0);
el.className = "nombre1";
divEAN.appendChild(el);
for (var i=0;i<bit.length;i++) {
el = document.createElement("div");
longue =( i==0||i==2||i==46||i==48||i==92||i==94);
el.className = (longue?'l':'n')+bit[i];
divEAN.appendChild(el);
if (i==3||i==50) {
el2 = document.createElement("div");
el2.innerHTML=(i==3)?cb.substr(1,6):cb.substr(7,6)+codes[12];
el2.className = "nombre";
el2.style.left = el.offsetLeft+"px";
el2.style.top = el.offsetHeight+"px";
divEAN.appendChild(el2);
 
 
}
}
}
function getBits(codes) {
var bits = "101";
var cle = bitsCode[codes[0]][3].split("");
for (var i=1;i<7;i++)
bits += bitsCode[codes[i]][cle[i-1]];
bits += "01010";
for (var i=7;i<13;i++)
bits += bitsCode[codes[i]][2];
bits += "101";
return (bits);
}
</script>
</head>
<body>
<form name="form">
Code EAN13 (12 premier chiffres): <input name="codeBarre" type="text" maxlength="12" value="">
<input type="button" value="Produire le code barre" onclick="EAN13()">
</form>
<div class="barreCode" id="EAN13CODE" ></div>
</body>
</html>

**LeXo** · 08/03/2007, 16h18

Bon mais je suis en train de me rendre compte qu'il faut mettre une image contenant ce code barre

donc il faut qu'elle passe par un programme coté serveur

**haltabush** · 08/03/2007, 16h19

Une question qui ne va sans doute pas t'aider beaucoup, mais ça servirait à quoi?!
A la limite, une image ça peut être pratique, si ça permet à l'utilisateur de récupérer l'image du code barre qui va bien, mais sinon je ne vois pas ce qu'un utilisateur lambda va faire d'un code barre... D'ailleurs, même un utilisateur non lambda ne saura pas quoi en faire : qui sais lire un code barre de visu? D'autant que si tu le génère à partir du code en chiffre... Bref je comprend pas

**argoet** · 08/03/2007, 16h13

Envoyé par LeXo

je crée une page html avec des données perso du destinataire dans un fichier excel.

cette page html sera envoyé par mail au destinataire (ceci par sarbacane si tu connais)

Donc pour réponde clairement a ta question il est construit a partir d'un entier de 12 chiffres; identifiant du mec;dans le fichier excel

Mais que voulez vous faire ?
Calculer la clef de votre code à barre avec du javascript ?

Javascript et code a barre

JavaScript

Vue hybride

Discussions similaires

Partager

Partager