반응형

언제부터인지 몰라도 갑자기 크롬 브라우저에서 jqplot 차트를 이미지화 시켜 엑셀파일에 저장해 놓은 소스가 작동이 안되고 메모리가 부족하다는 이미지만 계속 내뿜고 있었다.


처음에는 몰랐다. 그래서 원인을 찾는데도 한참 걸렸다.

파폭, IE에서는 무난하게 잘되고 있었고 유독 크롬만 이런 것이다.


브라우저 문제라고 판단하였지만, 쉽게 해결 되지는 않았다.


쿼리가 문제가 있나 싶어서 온갖 튜닝을 해봤지만, 결과는 똑같았고

결국에 jqplot이 문제라는 것을 알았다.


이 중에서 출력된 jqplot 차트를 이미지화 시키는 부분이 문제라는 것도 나중에 알게되었다.


이제 이것을 해결 하기 위해 많은 것을 파헤치기 시작했다.


결론은 아래 파일을 추가해주고, head 에 jqplot과 관련 된 곳에 추가적으로 지정해 두었다. 해결하였다.

jqplot.toImage.js


<head>

        <script src="./jqplot/plugins/jqplot........"></script>

<script src="./jqplot/plugins/jqplot.toImage.js"></script>

</head>



아래 URL은 확실하게 참고한 URL이다.

https://stackoverflow.com/questions/12182598/jqplot-as-image

https://bitbucket.org/ef4/jqplot/src/a59e7e7a5e97ea721a7b8571612b334e8c025b36/src/jqplot.toImage.js?at=default&fileviewer=file-view-default








반응형

'Programming > JavaScript' 카테고리의 다른 글

브라우저 창 크기에 따른 변화  (0) 2017.08.08
특정 태그 제외  (0) 2017.06.14
javascript 에서 replaceAll  (0) 2015.10.23
반응형

왼쪽,오른쪽의 2개의 div가 존재한다고 가정하였을때,

브라우저 창이 작아지면 width가 작아져 오른쪽 div가 아래로 내려가는 현상이 발생하는 경우가 생긴다.


나는 js로 width 사이즈를 동적으로 주고 있었기 때문에 js로 해결을 하려고한다.

$(function() {

    $(window).resize(function() {

        var width = $(this).width();

        var("#Right").width(width - $("#Left").width());

    });

}); 


반응형

'Programming > JavaScript' 카테고리의 다른 글

[ERROR] jqplot 차트 이미지 출력 문제점  (0) 2017.12.07
특정 태그 제외  (0) 2017.06.14
javascript 에서 replaceAll  (0) 2015.10.23
반응형



간략하게 설명하자면, 클릭하였을 때 메뉴들이 보여지고 사라지는 스크립트다.

그러나 다른 곳을 클릭하였을 때, 사라지지 않고 새로운 메뉴가 또 다시 열린다.


 $("#one").click(function() {

    $("#service1").toggle();

    $("#service2").hide(); //클릭할 수 있는 곳이 많아지면 이부분이 늘어겠다.

});


$("#two").click(function() {

    $("#service2").toggle();

    $("#service1").hide();

});



$("#one").click(function() {

    $("#service1").toggle();

    $(".menu").not("#service1").hide();  //menu class의 service1 id를 제외하고 모두 숨겨라.

});


$("#two").click(function() {

    $("#service2").toggle();

    $(".menu").not("#service2").hide();  //menu class의 service2 id를 제외하고 모두 숨겨라.

});


참고로 toggl()e은 hide() 와 show()를 클릭할때마다 자동으로 변화하는 함수이다.

반응형

'Programming > JavaScript' 카테고리의 다른 글

[ERROR] jqplot 차트 이미지 출력 문제점  (0) 2017.12.07
브라우저 창 크기에 따른 변화  (0) 2017.08.08
javascript 에서 replaceAll  (0) 2015.10.23
반응형

* 자바스크립트에서는 replaceAll 이라는 기능이 없음.


* 전체 a를 b로 변경 하고 싶을 때.

var name = 'a12a34a111';

 실행

결과값 

 name.replace('a','b');

 b12a34a111

 name.replaceAll('a','b');

 에러

 name.replace(/a/gi,'b');

 b12b34b111


* 결론

정규 표현식을 써서 replaceAll과 같은 효과를 갖게 한다.


g : 검색범위는 전체.

i :  대소문자를 구분하지 않음.


만약 특수문자를 검색하여 변환해야 할 때는 변환문자 앞에 "\" 를 붙여 준다.

\를 붙여줌으로써, 정규표현식의 문자가 아닌 검색대상의 문자가 된다.

ex) name.replace(/\+/gi,'b')

반응형

'Programming > JavaScript' 카테고리의 다른 글

[ERROR] jqplot 차트 이미지 출력 문제점  (0) 2017.12.07
브라우저 창 크기에 따른 변화  (0) 2017.08.08
특정 태그 제외  (0) 2017.06.14

+ Recent posts