2 <script type="text/javascript" src="<%$p%>elements/masked_input_1.1.js">
6 <& /elements/tr-input-text.html, id => $id, @_ &>
7 <script type="text/javascript">
8 <&| /elements/onload.js &>
10 elm: document.getElementById('<%$id%>'),
11 format: '<% $opt{format} %>',
12 <% $opt{allowed} ? "allowed: '$opt{allowed}'," : '' %>
13 <% $opt{typeon} ? "typeon: '$opt{typeon}'," : '' %>
15 document.getElementById('<%$id%>').value = <% $value |js_string %>;
16 % if ( $clipboard_hack ) {
17 var t = document.getElementById('<% $id %>');
18 var container = document.getElementById('<%$id%>_clipboard');
19 var KeyHandlerDown = t.onkeydown
20 t.onkeydown = function(e) {
21 if (typeof(e) == 'undefined') {
25 // intercept ctrl-c and ctrl-x
26 // and cmd-c and cmd-x on mac
27 // when text is selected
28 if ( ( e.ctrlKey || e.metaKey ) ) {
30 var separators = /[\\/:-]/g;
31 var s = t.value.substr(t.selectionStart, t.selectionEnd);
33 container.value = s.replace(separators, '');
34 container.previous = t;
40 return KeyHandlerDown.call(t, e);
42 container.onkeyup = function(e) {
43 if ( container.previous ) {
44 setTimeout(function() {
45 //container.previous.value = container.value;
46 container.previous.focus();
54 <input type="text" id="<%$id%>_clipboard" style="position:absolute; pointer-events: none; z-index: -1; opacity:0">
61 my $id = $opt{id} || sprintf('input%04d',int(rand(10000)));
62 my $value = length($opt{curr_value}) ? $opt{curr_value} : $opt{value} || '';
64 my $clipboard_hack = $FS::CurrentUser::CurrentUser->option('enable_mask_clipboard_hack');
67 Set up a text input field with input masking.
69 <& /elements/tr-input-mask.html,
70 format => '____-__-__',
71 #typeon => '_YMDhms', # which characters in the format represent blanks
72 #allowed => '0123456789', # characters allowed in the blanks
73 ... all other options as for tr-input-text.html
76 Note that the value sent on form submission will contain the mask
77 separators, and if value/curr_value is passed, it should also be
78 formatted to fit the mask.
80 Uses masked_input_1.1.js by Kendall Conrad, available under a Creative Commons
81 Attribution-ShareAlike license.