JavaScript не распознает обратную косую черту для желаемого результата
У меня есть программа JS, которая генерирует штрих-код Code39, используя HTML и CSS для отображения белых и черных линий. Файл JS в порядке, но мне нужен этот код для генерации части штрих-кода для обратной косой черты. Проблема в том, что обычный Code39 включен в массивы и функции скрипта, а расширенный Code39 - нет, и это та часть, которая включает обратную косую черту. (Конечный результат, которого я пытаюсь достичь, - ввести путь к документу на сервере и отобразить его в виде штрих-кода.)
Это может помочь объяснить немного больше о Code39: http://en.wikipedia.org/wiki/Code_39
Итак, вот что я сделал: в файле barcode.html, в строке 19 после, я ввел обратную косую черту. Все, что введено здесь, будет отображаться под штрих-кодом между двумя звездочками, и штрих-код будет совпадать с цифрами ниже, когда страница загружена. (У меня есть фиктивный рисунок всех черных, прикрепленных к обратной косой черте в настоящее время). В файле code39.js, в строках 357 и 358, я добавил обратную косую черту с другими символами (конечно, используя две обратные косые черты). Я также добавил то же самое в массивы ниже в строках 399 и 408, но я все еще не могу заставить JS распознать обратную косую черту, он просто продолжает выплевывать "0" на штрих-код, что является результатом, который я получаю, когда вводится значение, которое не указано в сценарии. Любая помощь приветствуется!
файл barcode.html:
<!DOCTYPE html PUBLIC>
<html>
<head>
<title>Barcode</title>
<script type="text/javascript" src="code39.js"></script>
<style type="text/css">
#barcode {font-weight: normal; font-style: normal; line-height:normal; sans-serif; font-size: 12pt}
</style>
</head>
<body>
Input : 123456<br/>
Barcode : Code39<br/>
Check Digit : 1 (On)<br/><br/>
Output : <br/><br/>
<div id="externalbox" style="width:5in">
<div id="inputdata" >\</div>
</div>
<br />
<script type="text/javascript">
/* <![CDATA[ */
function get_object(id) {
var object = null;
if (document.layers) {
object = document.layers[id];
} else if (document.all) {
object = document.all[id];
} else if (document.getElementById) {
object = document.getElementById(id);
}
return object;
}
get_object("inputdata").innerHTML=DrawCode39Barcode(get_object("inputdata").innerHTML,1);
/* ]]> */
</script>
</body>
</html>
Файл сценария code39.js:
/*
* Code39 barcode
*/
function DrawCode39Barcode(data,
checkDigit)
{
return DrawHTMLBarcode_Code39(data,checkDigit,"yes","in", 0,3,1,3,"bottom","center", "","black","white");
}
function DrawHTMLBarcode_Code39(data,
checkDigit,
humanReadable,
units,
minBarWidth,
width,height,
barWidthRatio,
textLocation,
textAlignment,
textStyle,
foreColor,
backColor)
{
return DrawBarcode_Code39(data,
checkDigit,
humanReadable,
units,
minBarWidth,
width,height,
barWidthRatio,
textLocation,
textAlignment,
textStyle,
foreColor,
backColor,
"html");
}
function DrawBarcode_Code39(data,
checkDigit,
humanReadable,
units,
minBarWidth,
width,height,
barWidthRatio,
textLocation,
textAlignment,
textStyle,
foreColor,
backColor,
mode)
{
if (foreColor==undefined)
foreColor="black";
if (backColor==undefined)
backColor="white";
if (textLocation==undefined)
textLocation="bottom";
else if (textLocation!="bottom" && textLocation!="top")
textLocation="bottom";
if (textAlignment==undefined)
textAlignment="center";
else if (textAlignment!="center" && textAlignment!="left" && textAlignment!="right")
textAlignment="center";
if (textStyle==undefined)
textStyle="";
if (barWidthRatio==undefined)
barWidthRatio=3;
if (height==undefined)
height=1;
else if (height<=0 || height >15)
height=1;
if (width==undefined)
width=3;
else if (width<=0 || width >15)
width=3;
if (minBarWidth==undefined)
minBarWidth=0;
else if (minBarWidth<0 || minBarWidth >2)
minBarWidth=0;
if (units==undefined)
units="in";
else if (units!="in" && units !="cm")
units="in";
if (humanReadable==undefined)
humanReadable="yes";
else if (humanReadable!="yes" && humanReadable !="no")
humanReadable="yes";
var encodedData=EncodeCode39(data,checkDigit);
var humanReadableText = ConnectCode_Encode_Code39(data,checkDigit);
var encodedLength = 0;
var thinLength = 0;
var thickLength = 0.0;
var totalLength = 0.0;
var incrementWidth = 0.0;
var swing = 1;
var result="";
var barWidth=0;
var thickWidth=0.0;
var svg;
if (barWidthRatio >= 2 && barWidthRatio <= 3)
{
}
else
barWidthRatio = 3;
for (x = 0; x < encodedData.length; x++)
{
if (encodedData.substr(x,1) == 't')
{
thinLength++;
encodedLength++;
}
else if (encodedData.substr(x,1) == 'w')
{
thickLength = thickLength + barWidthRatio;
encodedLength = encodedLength + 3;
}
}
totalLength = totalLength + thinLength + thickLength;
if (minBarWidth > 0)
{
barWidth = minBarWidth.toFixed(2);
width=barWidth * totalLength;
}
else
barWidth = (width / totalLength).toFixed(2);
thickWidth = barWidth * 3;
if (barWidthRatio >= 2 && barWidthRatio <= 3.0)
{
thickWidth = barWidth * barWidthRatio;
}
if (mode=="html")
{
if (textAlignment=='center')
result='<div style="text-align:center">';
else if (textAlignment=='left')
result='<div style="text-align:left;">';
else if (textAlignment=='right')
result='<div style="text-align:right;">';
var humanSpan="";
if (humanReadable=='yes' && textLocation=='top')
{
if (textStyle=='')
humanSpan='<span style="font-family : arial; font-size:12pt">'+humanReadableText+'</span><br />';
else
humanSpan='<span style='+textStyle+'>'+humanReadableText+'</span><br />';
}
result=result+humanSpan;
}
for (x = 0; x < encodedData.length; x++)
{
var brush;
if (swing == 0)
brush = backColor;
else
brush = foreColor;
if (encodedData.substr(x,1) == 't')
{
if (mode=="html")
result=result
+'<span style="border-left:'
+barWidth
+units
+' solid '
+brush
+';height:'
+height
+units+';display:inline-block;"></span>';
incrementWidth = incrementWidth + barWidth;
}
else if (encodedData.substr(x,1) == 'w')
{
if (mode=="html")
result=result
+'<span style="border-left :'
+thickWidth
+units+' solid '
+brush
+';height:'
+height
+units+';display:inline-block;"></span>';
incrementWidth = incrementWidth + thickWidth;
}
if (swing == 0)
swing = 1;
else
swing = 0;
}
if (mode=="html")
{
var humanSpan="";
if (humanReadable=='yes' && textLocation=='bottom')
{
if (textStyle=='')
humanSpan='<br /><span style="font-family : arial; font-size:12pt">'+humanReadableText+'</span>';
else
humanSpan='<br /><span style='+textStyle+'>'+humanReadableText+'</span>';
}
result=result+humanSpan+"</div>";
}
return result;
}
function EncodeCode39(data,checkDigit)
{
var fontOutput = ConnectCode_Encode_Code39(data,checkDigit);
var output = "";
var pattern = "";
for (x = 0; x < fontOutput.length; x++)
{
switch (fontOutput.substr(x,1))
{
case '1':
pattern = "wttwttttwt";
break;
case '2':
pattern = "ttwwttttwt";
break;
case '3':
pattern = "wtwwtttttt";
break;
case '4':
pattern = "tttwwtttwt";
break;
case '5':
pattern = "wttwwttttt";
break;
case '6':
pattern = "ttwwwttttt";
break;
case '7':
pattern = "tttwttwtwt";
break;
case '8':
pattern = "wttwttwttt";
break;
case '9':
pattern = "ttwwttwttt";
break;
case '0':
pattern = "tttwwtwttt";
break;
case 'A':
pattern = "wttttwttwt";
break;
case 'B':
pattern = "ttwttwttwt";
break;
case 'C':
pattern = "wtwttwtttt";
break;
case 'D':
pattern = "ttttwwttwt";
break;
case 'E':
pattern = "wtttwwtttt";
break;
case 'F':
pattern = "ttwtwwtttt";
break;
case 'G':
pattern = "tttttwwtwt";
break;
case 'H':
pattern = "wttttwwttt";
break;
case 'I':
pattern = "ttwttwwttt";
break;
case 'J':
pattern = "ttttwwwttt";
break;
case 'K':
pattern = "wttttttwwt";
break;
case 'L':
pattern = "ttwttttwwt";
break;
case 'M':
pattern = "wtwttttwtt";
break;
case 'N':
pattern = "ttttwttwwt";
break;
case 'O':
pattern = "wtttwttwtt";
break;
case 'P':
pattern = "ttwtwttwtt";
break;
case 'Q':
pattern = "ttttttwwwt";
break;
case 'R':
pattern = "wtttttwwtt";
break;
case 'S':
pattern = "ttwtttwwtt";
break;
case 'T':
pattern = "ttttwtwwtt";
break;
case 'U':
pattern = "wwttttttwt";
break;
case 'V':
pattern = "twwtttttwt";
break;
case 'W':
pattern = "wwwttttttt";
break;
case 'X':
pattern = "twttwtttwt";
break;
case 'Y':
pattern = "wwttwttttt";
break;
case 'Z':
pattern = "twwtwttttt";
break;
case '-':
pattern = "twttttwtwt";
break;
case '.':
pattern = "wwttttwttt";
break;
case ' ':
pattern = "twwtttwttt";
break;
case '*':
pattern = "twttwtwttt";
break;
case '$':
pattern = "twtwtwtttt";
break;
case '/':
pattern = "twtwtttwtt";
break;
case '+':
pattern = "twtttwtwtt";
break;
case '%':
pattern = "tttwtwtwtt";
break;
case '\\':
pattern = "tttttttttt";
break;
default : break;
}
output=output+pattern;
}
return output;
}
function ConnectCode_Encode_Code39(data,checkDigit)
{
var Result="";
var cd="";
var filtereddata="";
filtereddata = filterInput(data);
var filteredlength = filtereddata.length;
if (checkDigit==1)
{
if (filteredlength > 254)
{
filtereddata = filtereddata.substr(0,254);
}
cd = generateCheckDigit(filtereddata);
}
else
{
if (filteredlength > 255)
{
filtereddata = filtereddata.substr(0,255);
}
}
Result = "*" + filtereddata+cd+"*";
Result=html_decode(html_escape(Result));
return Result;
}
function getCode39Character(inputdecimal) {
var CODE39MAP=new Array("0","1","2","3","4","5","6","7","8","9",
"A","B","C","D","E","F","G","H","I","J",
"K","L","M","N","O","P","Q","R","S","T",
"U","V","W","X","Y","Z","-","."," ","$",
"/","+","%","\\");
return CODE39MAP[inputdecimal];
}
function getCode39Value(inputchar) {
var CODE39MAP=new Array("0","1","2","3","4","5","6","7","8","9",
"A","B","C","D","E","F","G","H","I","J",
"K","L","M","N","O","P","Q","R","S","T",
"U","V","W","X","Y","Z","-","."," ","$",
"/","+","%","\\");
var RVal=-1;
for (i=0;i<43;i++)
{
if (inputchar==CODE39MAP[i])
{
RVal=i;
}
}
return RVal;
}
function filterInput(data)
{
var Result="";
var datalength=data.length;
for (x=0;x<datalength;x++)
{
if (getCode39Value(data.substr(x,1)) != -1)
{
Result = Result + data.substr(x,1);
}
}
return Result;
}
function generateCheckDigit(data)
{
var Result="";
var datalength=data.length;
var sumValue=0;
for (x=0;x<datalength;x++)
{
sumValue=sumValue+getCode39Value(data.substr(x,1));
}
sumValue=sumValue % 43;
return getCode39Character(sumValue);
}
function html_escape(data)
{
var Result="";
for (x=0;x<data.length;x++)
{
Result=Result+"&#"+data.charCodeAt(x).toString()+";";
}
return Result;
}
function html_decode(str) {
var ta=document.createElement("textarea");
ta.innerHTML=str.replace(/</g,"<").replace(/>/g,">");
return ta.value;
}
2 ответа
Ваша проблема в вашем getCode39Value() функция.
for (i = 0; i < 43; i++) {
Вы используете for i < 43, когда у вас есть 44 объекта в массиве. Вы должны использовать CODE39MAP.length вместо:
function getCode39Value(inputchar) {
var CODE39MAP = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "-", ".", " ", "$", "/", "+", "%", "\\");
var RVal = -1;
for (i = 0; i < CODE39MAP.length; i++) {
if (inputchar == CODE39MAP[i]) {
RVal = i;
}
}
return RVal;
}
getCode39Value это плохо из-за одного на один. Эта реализация также работает:
// moved outsite the function, it's a static map.
var CODE39MAP=new Array("0","1","2","3","4","5","6","7","8","9",
"A","B","C","D","E","F","G","H","I","J",
"K","L","M","N","O","P","Q","R","S","T",
"U","V","W","X","Y","Z","-","."," ","$",
"/","+","%","\\");
function getCode39Value(inputchar) {
return CODE39MAP.indexOf(inputchar);
}
indexOf уже возвращается -1 если это не найдено