[aura9k1]

Good day,

I am trying to implement a Live search feature using a text input. As the user types in the text input, the list should filter based on the text typed into the text input.
Whenever I try to implement this outside of Processmaker, it works just fine, however when I do it in Processmaker, it only updates when the text input field loses focus. I have tried using

Code: Select all

$('#txtSearch').bind('input', function() {});
$('#txtSearch').on('input', function() {});
$('#txtSearch').keyup(function() {});
$('#txtSearch').setOnchange(function(a,b) {});

However all of these render the same result in Processmaker. Any ideas how I can get around this?

[amosbatto]

Try using the input field, instead of the div:
$('#form\\[txtSearch\\]').keypress(function(){})

[atbmbk]

hi ; this code is working when text input field loses focus , how can change this code to work without loses focus?

Code: Select all

function rep() {
    var val=$("#AAA").getText();  
    val=val.replace(/a/g,'aa');
    val=val.replace(/b/g,'bb');
    val=val.replace(/c/g,'cc');
    $("#AAA").setText(val);
}
$("#AAA").setOnchange(rep);

thanks.

[amosbatto]

Use code like this:

Code: Select all

$('#clientCode').getControl().keypress( function() {
  var code = $("#clientCode").getControl().val();  
  code = code.replace(/a/g, 'A');
  code = code.replace(/b/g, 'B');
  code = code.replace(/c/g, 'C');
  $("#clientCode").getControl().val(code);
});

[atbmbk]

Use code like this:

Code: Select all

$('#clientCode').getControl().keypress( function() {
  var code = $("#clientCode").getControl().val();  
  code = code.replace(/a/g, 'A');
  code = code.replace(/b/g, 'B');
  code = code.replace(/c/g, 'C');
  $("#clientCode").getControl().val(code);
});

You mean the world to me; we change keypress to keyup and that's ok.
thanks amosbatto .