yoni

이렇게 마우스 오버시 화면이 선택되는것이 현재 로드되어지고 있는 iframe 이다. iframe이 여러개가 들어가있는 화면에서 스크립트를 걸때 유용하게 사용된다.

#common한 js 분석 for Proxy [바라보고 있는 화면의 브라우저 구분] js 기능: navigator.userAgent() 설명: 주로 navigator.userAgent()을 사용하면 toLowerCase()를 사용해서 리턴된 값을 모두 소문자로 바꾼 뒤 사용한다. 아래의 구문은 브라우저 구분을 하기위해서는 정형적으로 사용되고 있는 function문이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 getPlatform : function() { var userAgent = (navigator.userAgent).toLowerCase(); if (userAgent.indexOf('android') > -1) { return 'Android'; ..

▶request시 body에다가 담으려면 data: 클라이언트한테 보여지지 않게 데이터를 담아서 넘김 ▶request시 params로 담으려면 datas: 클라이언트한테 보여지면서 데이터를 담아서 넘김 -> url 에 담겨서 보내짐: ex) http://localhost:8081/users/test4?email=string [request시 body로 객체 선언] [request시 params로 객체 선언] /** * [api] 호출 * url : /users/{username} * @returns */function registData(){var urlAddParam = $("input[name=accountUserId]").val();var callUrl = "http://localhost:8081/..

iframe영역 위에 버튼을 추가 할 경우 해당 버튼의 기능이 잘 동작하지 않는 경우가 있다 위의 상황일 경우 참조 할 수 있는 방법이다. [재현 flow] - 일반영역에서 (여기서는 div)클릭시 해당위치에 있는 iframe의 마커로 이동하면서 상세보기가 보인다. - 상세보기 화면에서 "사용량 상세보기" 버튼은 iframe영역 위에 만든 버튼이다 해서 이 부분이 컨트롤을 하기 위해서는 작업이 필요하다. [작업 구조] ▶ postMessage 현재 화면의 구성은 3댑스다 바탕이되는 div 1댑스, iframe 1댑스, iframe 위의 버튼 1댑스 해서 총 3댑스 이다. 여기서 접근을 parent.parent 로 하게 되면 최종 접근인 iframe위의 버튼으로 접근이 되고 parent로 하게 되면 ifr..

trigger 걸고 e로 확인해보면 currentTarget이 걸린다 해서 트리거 걸고 e.target으로 탭을 컨트로로 할 수 있다. e.target

var ctx = $("#myChart");//canvas id /* var ctx = "myChart"; */ var myLineChart = new Chart(ctx, { type: 'line', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: 'chart 템플릿', data: [12, 19, 3, 5, 2, 3], borderColor: [ 'rgb(75, 192, 192)' ], fill: false,//그래프 아래 영역 채우는거 없애기 lineTension: 0,//lineTension 이 0이면 직선의 대한 그래프 borderWidth: 1//선굵기 }] }, }); ------..