Skip to content

Commit 861059b

Browse files
jmaisterjmaister
committedFeb 18, 2014
Add support from IE6 to IE9.
1 parent fe26223 commit 861059b

File tree

3 files changed

+128
-10
lines changed

3 files changed

+128
-10
lines changed
 

‎README.md

+7
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,11 @@ A quick Javascript librery to create export to Excel/CSV from HTML tables automa
88
Check my blog page for testing:
99
[Javascript export to Excel](http://jordiburgos.com/post/2013/javascript-export-to-excel.html)
1010

11+
Compatibility
12+
-------------
13+
14+
Firefox, Chrome, IE6+
15+
1116
Usage
1217
=====
1318

@@ -28,3 +33,5 @@ Revision history:
2833
1.0 Added Excel data export
2934

3035
1.1 Added CSV data export
36+
37+
1.3 Added support for IE6, IE7, IE8, IE9

‎excellentexport.js

+109-9
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,105 @@
1-
/*
1+
/**
22
* ExcellentExport.
33
* A client side Javascript export to Excel.
44
*
5-
* @autor: Jordi Burgos (jordiburgos@gmail.com)
5+
* @author: Jordi Burgos (jordiburgos@gmail.com)
66
*
77
* Based on:
88
* https://gist.github.com/insin/1031969
99
* http://jsfiddle.net/insin/cmewv/
10-
*
10+
*
11+
* CSV: http://en.wikipedia.org/wiki/Comma-separated_values
12+
*/
13+
14+
15+
/*
16+
* Base64 encoder from: http://ntt.cc/2008/01/19/base64-encoder-decoder-with-javascript.html
1117
*/
12-
window.ExcellentExport = (function() {
13-
var version = "1.1";
18+
19+
var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
20+
21+
function encode64(input) {
22+
input = escape(input);
23+
var output = "";
24+
var chr1, chr2, chr3 = "";
25+
var enc1, enc2, enc3, enc4 = "";
26+
var i = 0;
27+
28+
do {
29+
chr1 = input.charCodeAt(i++);
30+
chr2 = input.charCodeAt(i++);
31+
chr3 = input.charCodeAt(i++);
32+
33+
enc1 = chr1 >> 2;
34+
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
35+
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
36+
enc4 = chr3 & 63;
37+
38+
if (isNaN(chr2)) {
39+
enc3 = enc4 = 64;
40+
} else if (isNaN(chr3)) {
41+
enc4 = 64;
42+
}
43+
44+
output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) + keyStr.charAt(enc3) + keyStr.charAt(enc4);
45+
chr1 = chr2 = chr3 = "";
46+
enc1 = enc2 = enc3 = enc4 = "";
47+
} while (i < input.length);
48+
49+
return output;
50+
}
51+
52+
function decode64(input) {
53+
var output = "";
54+
var chr1, chr2, chr3 = "";
55+
var enc1, enc2, enc3, enc4 = "";
56+
var i = 0;
57+
58+
// remove all characters that are not A-Z, a-z, 0-9, +, /, or =
59+
var base64test = /[^A-Za-z0-9\+\/\=]/g;
60+
if (base64test.exec(input)) {
61+
alert("There were invalid base64 characters in the input text.\n" + "Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\n" + "Expect errors in decoding.");
62+
}
63+
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
64+
65+
do {
66+
enc1 = keyStr.indexOf(input.charAt(i++));
67+
enc2 = keyStr.indexOf(input.charAt(i++));
68+
enc3 = keyStr.indexOf(input.charAt(i++));
69+
enc4 = keyStr.indexOf(input.charAt(i++));
70+
71+
chr1 = (enc1 << 2) | (enc2 >> 4);
72+
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
73+
chr3 = ((enc3 & 3) << 6) | enc4;
74+
75+
output = output + String.fromCharCode(chr1);
76+
77+
if (enc3 != 64) {
78+
output = output + String.fromCharCode(chr2);
79+
}
80+
if (enc4 != 64) {
81+
output = output + String.fromCharCode(chr3);
82+
}
83+
84+
chr1 = chr2 = chr3 = "";
85+
enc1 = enc2 = enc3 = enc4 = "";
86+
87+
} while (i < input.length);
88+
89+
return unescape(output);
90+
}
91+
92+
ExcellentExport = (function() {
93+
var version = "1.3";
1494
var uri = {excel: 'data:application/vnd.ms-excel;base64,', csv: 'data:application/csv;base64,'};
1595
var template = {excel: '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'};
1696
var base64 = function(s) {
17-
return window.btoa(unescape(encodeURIComponent(s)));
97+
if (window.btoa) {
98+
return window.btoa(unescape(encodeURIComponent(s)));
99+
} else {
100+
// Fix for IE6, IE7, IE8, IE9
101+
return encode64(unescape(encodeURIComponent(s)));
102+
}
18103
};
19104
var format = function(s, c) {
20105
return s.replace(/{(\w+)}/g, function(m, p) {
@@ -29,19 +114,33 @@ window.ExcellentExport = (function() {
29114
return element;
30115
};
31116

117+
var fixCSVField = function(value) {
118+
var fixedValue = value;
119+
var addQuotes = (value.indexOf(',') !== -1) || (value.indexOf('\r') !== -1) || (value.indexOf('\n') !== -1);
120+
var replaceDoubleQuotes = (value.indexOf('"') !== -1);
121+
122+
if (replaceDoubleQuotes) {
123+
fixedValue = fixedValue.replace(/"/g, '""');
124+
}
125+
if (addQuotes || replaceDoubleQuotes) {
126+
fixedValue = '"' + fixedValue + '"';
127+
}
128+
return fixedValue;
129+
};
130+
32131
var tableToCSV = function(table) {
33132
var data = "";
34133
for (var i = 0, row; row = table.rows[i]; i++) {
35134
for (var j = 0, col; col = row.cells[j]; j++) {
36-
data = data + (j ? ',' : '') + col.innerHTML;
135+
data = data + (j ? ',' : '') + fixCSVField(col.innerHTML);
37136
}
38-
data = data + "\n";
137+
data = data + "\r\n";
39138
}
40-
// return "COL1,COL2,COL3\n100,200,300\n400,500,600";
41139
return data;
42140
};
43141

44142
var ee = {
143+
/** @expose */
45144
excel: function(anchor, table, name) {
46145
table = get(table);
47146
var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML};
@@ -50,6 +149,7 @@ window.ExcellentExport = (function() {
50149
// Return true to allow the link to work
51150
return true;
52151
},
152+
/** @expose */
53153
csv: function(anchor, table) {
54154
table = get(table);
55155
var csvData = tableToCSV(table);

‎index.html

+12-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,12 @@ <h3>Test page</h3>
2525

2626
<table id="datatable">
2727
<tr>
28-
<td>100</td>
28+
<th>Column 1</th>
29+
<th>Column "cool" 2</th>
30+
<th>Column 3</th>
31+
</tr>
32+
<tr>
33+
<td>100,111</td>
2934
<td>200</td>
3035
<td>300</td>
3136
</tr>
@@ -34,6 +39,12 @@ <h3>Test page</h3>
3439
<td>500</td>
3540
<td>600</td>
3641
</tr>
42+
<tr>
43+
<td>Text</td>
44+
<td>More text</td>
45+
<td>Text with
46+
new line</td>
47+
</tr>
3748
</table>
3849

3950
</body>

0 commit comments

Comments
 (0)
Failed to load comments.