-
Notifications
You must be signed in to change notification settings - Fork 0
/
bobmask.js
95 lines (87 loc) · 1.76 KB
/
bobmask.js
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
94
95
/**
* Masking an HTML-Input
* id > Attribute for the HTML element
* mask > something like ###-##/##
* where the # represents any charakter
* all other charakters from the mask will be shown in the input/output field
*
*/
function bobmask(id, mask)
{
if(mask != '')
{
var id;
var txt;
var txt_len;
var out = '';
var mask;
var mask_len = mask.length;
var mask_char = '';
var mask_offset = 0;
txt = document.getElementById(id).value;
txt_len = txt.length;
for(var i = 0; i < txt_len; i++)
{
mask_char = mask.substr(i + mask_offset, 1);
if(mask_char === '#')
{
out = out + txt.substr(i, 1);
}
else
{
out = out + mask_char + txt.substr(i, 1);
mask_offset ++;
}
}
document.getElementById('input-mask-' + id).innerHTML = out;
}
}
/**
* Hide the HTML element
*/
function bobmaskHide(id)
{
document.getElementById('input-mask-' + id).style.display = 'none';
}
/**
* Show the HTML element
*/
function bobmaskShow(id, mask)
{
document.getElementById('input-mask-' + id).style.display = 'block';
bobmask(id, mask);
}
/**
* For output only
* id and mask see bobmask
*/
function bobmaskList(id, mask)
{
if(mask != '')
{
var id;
var txt;
var txt_len;
var out = '';
var mask;
var mask_len = mask.length;
var mask_char = '';
var mask_offset = 0;
txt = document.getElementById(id).textContent;
txt_len = txt.length;
for(var i = 0; i < txt_len; i++)
{
mask_char = mask.substr(i + mask_offset, 1);
if(mask_char === '#')
{
out = out + txt.substr(i, 1);
}
else
{
out = out + mask_char + txt.substr(i, 1);
mask_offset ++;
}
}
document.getElementById(id).innerHTML = out;
}
}