Web/JS-Bootstrap
웹브라우저에서 푸시 알림받기
HTML5 Notification API 웹브라우저 → 클라이언트로 알림기능을 전송할 수 있는 기능을 html에서 API로 제공한다. 사용 방법은 크게 두단계로 권한 허용 메시지 전송 으로 끝. 알림 권한 허용 Notification.requestPermission(); 위 메소드를 호출하면 브라우저에 알림창이 뜨면서 사용자에게 현재 페이지에서 알림을 허용할지를 물어본다. var permission = Notification.requestPermission(); console.log(permission) 이렇게 해서 어떻게 나오는지 보면 허용시 Promise.PromiseResult 메소드값이 granted로 나온다. 차단하면 denied로 바뀌어 나옴. //알림 권한 요청 function getNoti..
JS-autocomplete 사용시 발생한 버그
Unsigned Complete autocomplete를 이용해 위와 같이 자동으로 리스트가 출력되는 코드를 만들어놓고, 나열되는 목록 중 하나를 클릭하면 해당 내용대로 datatable에 있는 데이터를 필터링하게끔 코드를 짜놨었다. //autocomplete 클릭했을떄 자동으로 테이블 변경 $(document).on('click','.ui-menu-item',function(){ var idx= $(this).parent(".ui-menu").attr('id').slice(-1)-1 console.log(idx) gtable.column(idx).search($(this).text()).draw(); }); 이렇게 하면 ul의 id인 "ui-id-10" 안의 맨 끝 숫자를 받아와 자동으로 테이블의 co..
Jquery/Bootstrap 잡기술 : DataTables 확장모듈 커스텀, 클릭-모달창 생성 이벤트 대응, 상위-하위요소 접근 등
부트스트랩 dataTables 확장모듈 커스텀 SearchFilter 에 자동으로 생성되는 lable 태그에 float-right 속성을 추가하고 싶음 jquery.dataTables.js 파일 var filter = $('', { 'id': ! features.f ? tableId+'_filter' : null, 'class': classes.sFilter } ) .append( $('' ).append( str ) ); var filter = $('', { 'id': ! features.f ? tableId+'_filter' : null, 'class': classes.sF..