본문 바로가기

Javascript/Jquery

(21)
JWPlayer 사용시 가운데 실행 아이콘 삭제해야할 경우 고객사의 요청으로 영상이 끝나면 멈춰달라는 요청이 있었다 그리고 멈추면 실행 아이콘이 생기는데 숨겨야하는 이슈도 던져줬다. 일단 영상이 멈추면 실행아이콘이 jwplayer에서 자동 생성된다 그냥 아이콘 클래스를 jquery로 잡아서 hide하려 했는데 타이밍이 그래서 인지 잡을수가 없습니다. 간단하게 settimeout을 사용했다. jwplayer('player').onTime(function (event) { if (!seeking) { if (renderMode != "html5") maxPlayPosition = event.position - 60 > maxPlayPosition ? (event.position - 60) maxPlayPosition ? event.position : maxPlayP..
체크박스 하나 클릭시 모두 클릭되는 함수 닷넷 Webform용 function fn_checkAll(el){ var checked = $(el).is(':checked'); //선택된 체크박스 var checkboxList = $('.check_data input[type="checkbox"]'); //토글될 체크박스 checkboxList.prop('checked', checked); //jquery 6.1 이상 //checkboxList.attr('checked', checked); //jquery 6.1 이하} html
JQuery Widget 모음 웹사이트에 차트 적용건이 있어 웹서핑중 좋은걸 발견했다 도움이 되시길 http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/index.htm#demos/jqxchart/javascript_chart_print.htm
opener, parent 객체접근하기 $("#id", opener.document); 위의 코드 처럼 접근할수 있습니다.
Jquery를 이용해서 두가지 Attribute로 Element찾기 만약 두개의 엘레먼트가 있다 이때 input type이 text이고 value가 1인 요소를 어떻게 찾을수 있을까 간단하게 이렇게 하면 된다. $('input[type="text"][value="1"]') 위와같이 query를 하면 찾고자 하는 요소를 얻을 수 있다.
jquery api 서칭 add in https://chrome.google.com/webstore/detail/nodlebcfeeenaomnbjpnaoclehblaaab/related?utm_source=chrome-ntp-icon 위의 주소에서 jQuery Browser를 크롬에 설치해 보세요. 아래와 같이 편하게 jquery api 를 찾을수 있습니다. 예제도 있네요
Nested Elements 선택하기 … … … … 위의 코드가 있다가 가정합니다. 이때 emailContainer에 있는 panel들을 가져올때 방법중 하나를 소개하고자 합니다. var emailDiv = $('#emailContainer'); 위와 같이 emailContainer 요소를 가져옵니다. 그다음 Jquery의 find()메서드를 사용하여 아래와 같이 합니다. var panels = emailDiv.find('div.panel'); 두번째 방법은 아래와 같이 context 안에 값을 가져오는 방법입니다. var panels = $('div.panel', emailDiv); 참 여러가지 방법이 있네요
테이블에서 체크박스에서 체크된 특별 컬럼들 가져오기 var tds =$('.테이블클래스 tr:has(:checkbox:checked) .td에준클래스'); 위와같이 하면 특정 td값들을 array로 가져올수 있다.