elementos.js 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. /*
  2. * To change this license header, choose License Headers in Project Properties.
  3. * To change this template file, choose Tools | Templates
  4. * and open the template in the editor.
  5. */
  6. /***** BUSCAR *****/
  7. function focusBuscar(event){
  8. $(event.data.elem).siblings('span').addClass('ing-cancelar pointer');
  9. $(event.data.elem).siblings('label').removeClass('text-secondary').addClass('text-primary');
  10. }
  11. function blurBuscar(event){
  12. $(event.data.elem).siblings('span').removeClass('ing-cancelar pointer');
  13. $(event.data.elem).siblings('label').removeClass('text-primary').addClass('text-secondary');
  14. }
  15. function keyUpBuscar(event){
  16. var value = $(event.data.elem).val().toLowerCase();
  17. $(event.data.renglon).filter(function() {
  18. $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
  19. });
  20. }
  21. function clickBuscar(event){
  22. if ($(event.data.span).hasClass('ing-cancelar')){
  23. $(event.data.span).siblings('input').val('');
  24. $(event.data.renglon).show();
  25. }
  26. }
  27. /***** DATALIST *****/
  28. function limpiaInputDL(event) {
  29. $('#input' +event.data.elem).val('');
  30. $('#input' +event.data.elem).parent().children('ul').removeClass('border border-primary');
  31. $('#input' +event.data.elem).parent().children('ul').children('li').show();
  32. $('#input' +event.data.elem).parent().children('ul').children('li:first').focus();
  33. $('#input' +event.data.elem).focus();
  34. }
  35. function clickDataList(event){
  36. /*$(event.data.elem + ' span').trigger('mousedown',{elem: event.data.elem + ' input'},limpiaInputDL);*/
  37. $('#dl' + event.data.elem).siblings('label').removeClass('text-secondary').addClass('text-primary');
  38. $('#dl' + event.data.elem + ' ul').addClass('border border-primary');
  39. $('#dl' + event.data.elem + ' ul').show();
  40. $('#dl' + event.data.elem + ' input').focus();
  41. $('#dl' + event.data.elem +' ul').show();
  42. $('#dl' + event.data.elem + ' span').addClass('ing-cancelar pointer');
  43. $('#icon' + event.data.elem).trigger('click',{elem: 'Concurso'},limpiaInputDL);
  44. }
  45. function blurDataList(event) {
  46. if(!click_in_process[event.data.index]) {
  47. $('#dl' + event.data.elem + ' span').removeClass('ing-cancelar');
  48. $('#dl' + event.data.elem).siblings('label').removeClass('text-primary').addClass('text-secondary');
  49. $('#dl' + event.data.elem + ' ul').children('li').show();
  50. $('#dl' + event.data.elem + ' ul').hide();
  51. }
  52. }
  53. function mousedownDataList(event) {
  54. click_in_process[event.data.index] = true;
  55. }
  56. function mouseupDataList(event) {
  57. click_in_process[event.data.index] = false;
  58. $('#input' + event.data.elem).focus();
  59. }
  60. function inputKeyUp(event){
  61. var input = $('#dl' + event.data.elem + ' input');
  62. $('#dl' + event.data.elem + ' ul li').each(function(){
  63. var elem = $(this);
  64. if ($(this).parent().is('li'))
  65. elem = $(this).parent();
  66. if (!$(this).html().toUpperCase().includes($(input).val().toUpperCase()))
  67. $(elem).hide();
  68. else
  69. $(elem).show();
  70. });
  71. }