'JavaScript'에 해당되는 글 3건

  1. 2008.12.03 [javascript] 특정 영역 인쇄
  2. 2008.09.03 [javascript] replaceAll 구현 (7)
  3. 2007.03.29 자바스크립트 TDD (1)
2008.12.03 14:13


현재 진행중인 프로젝트에서 공통 컨트롤을 개발하던 도중..
특정영역을 인쇄하는 기능을 구현하고 있었다..




이미 개발해본 기능이라 어렵지 않게 개발을 진행하고 있었는데...
이게 뭐야..

무슨 뽑기하듯이 인쇄 페이지에 글씨나 이미지 같은 객체가 표시가 되서 인쇄될 때도 있고,
표시가 안되서 빈페이지가 인쇄될때도 있는것이 아닌가...
(IE, FF에서 모두 이런 현상이 발생하였다..)

이때, 구현한 방식은..
인쇄할 팝업 파일(print.htm)을 생성하고 특정영역을 div로 감싸서 해당 innerHTML을
팝업의 div의 innerHTML로 설정하는 매우 보편적으로 사용하는 방법이었다..




그래서 다른방법으로 구현해보기로 했다..
window.onbeforeprint, window.onafterprint를 이용해서 구현해보았지만 역시 마찮가지였다..




아놔.. 어쩌라고...
그래서 최종적으로 작업한 것은..


팝업파일을 생성하지 말고..
팝업 페이지를 생성해서 내용을 작성해서 인쇄후 페이지를 닫는 방법으로 구현하는 것이다.
뭔소리인지 모르겠지...?? 백문이 불여일견!!



이 방법으로 인쇄도 잘 되고(IE, FF 모두)
UC에서 div 이름을 입력받아서 해당 부분을 출력할 수 있는 기능도 구현할 수 있게되었다.

그래서 난... 지금 완전 신나 ㅎㅎㅎ

아아.. 참고로 사용은
해당 UC를 웹페이지에 추가하고
웹 페이지에서 div로 인쇄할 영역을 설정하면 되겠다..
<div id="printArea"> 인쇄할 부분 </div>

또 UC의 속성중 PrintDivName값을 위 div의 id값으로 설정해주면 되겠지 ㅋㅋ

Posted by 열라착한앙마

댓글을 달아 주세요

2008.09.03 11:37

[JavaScript] 는 replace 함수 사용 시 한번 만 치환된다.
ex)
var a = "2008-08-28";
var b = a.replace("-","");
alert(b);

결과 값 : 200808-28

아래와 같이 split 함수와 join 함수를 쓰면 이러한 문제가 해결 된다.
ex)
var a = "2008-08-28";
var b = a.split("-").join("");
alert(b);

결과 값 : 20080828

[출처] [JavaScript] replace함수 한번만 치환되는 문제 해결 방안|작성자 유니혀니


---------------------------------------------------------------------------

함수로 만들어 쓰는게 낫겠지?
그렇다고 이렇게 할 건 없어...

function replaceAll(str, searchStr, replaceStr) {

    while (str.indexOf(searchStr) != -1) {
        str = str.replace(searchStr, replaceStr);
    }

    return str;

}


위에서 퍼온 글처럼 split과 join을 이용해서 구현하면 쉽자나~

function replaceAll(str,orgStr,repStr)
{
    return str.split(orgStr).join(repStr);
}
Posted by 열라착한앙마

댓글을 달아 주세요

  1. 2008.09.24 09:24  댓글주소  수정/삭제  댓글쓰기

    정규식을 쓰는거도 좋음

    • BlogIcon 열라착한앙마 2008.09.24 09:49 신고  댓글주소  수정/삭제

      그래 좋은 생각이야~ 정규식도~ ㅋㅋ
      지금와서 드는 생각인데~
      ASP, ASP.NET 개발도 꽤했는데...
      뭔가 공부가 부족했던 것 같다는 생각이 많이 든다..
      너무 했던방식으로만 코딩하고.. ㅎㅎ
      좀 더 많은 방법으로 경험을 해봤으면 좋았을텐데..ㅋ

  2. BlogIcon vbmania 2008.10.15 22:09 신고  댓글주소  수정/삭제  댓글쓰기

    참고로 정규표현식은
    var a = "2008-08-28";
    var b = a.replace(/-/g,"";);
    이렇게 하면 됩니다...

  3. BlogIcon 엽123 2013.07.09 12:02  댓글주소  수정/삭제  댓글쓰기

    오오 감사합니다 ㅎㅎ

2007.03.29 00:02
자바스크립트 TDD

JavascriptTest Driven Development를 이용하여 피보나치 수열(Fibonacci Series) 함수를 구현하는 동영상 입니다. 20분 정도 분량이고, 마음대로 배포하셔도 됩니다.

http://jania.pe.kr/JavascriptTddFibo.html

재미로 만들어봤는데, 제목도 넣고 대충 꾸며놓으니까 제법 뽀대가. --; 하여간 좋은 세상입니다. 아, 그리고 목소리도 나옵니다. 역겹더라도 내용을 이해하기 위해서는 볼륨을 켜주세요. ㅎㅎ

시연중 사용한 프래임워크는 Javascript Unit Test를 참고하세요. 더 자세한 내용이 궁금하시면 3월 14일(화)에 있을 Ajax 튜토리얼 세션에 놀러오세요 ;)



-------------------------------------------------------------

한참 테스트에 관련된 공부를 하고 있던중..

자바스크립트 TDD라 하는 자료를 발견하여 퍼왔다..

마음대로 배포해도 좋다고 하는 인심 넉넉한 글쓴이님의 말씀대로 이렇게 퍼와서

세상을 널리 이롭게 하고자한다..

나에게나 아니면 다른 사람들에게나.. 많은 도움이 되길 바라면서...



사실.. 생각같아선 엮인글을 이용해서 연결해두고 싶지만..

내가 특별히 좋은 의견을 남긴것도 아니고 해서 부끄러운 마음에 걍.. 긁어왔다..


아씁;; 능동적이고 발전적인 생각을 해야하는데... 왜이러나..

갑자기 왠 넉두리;; ㅡㅡ;;


[ 출처 : http://jania902.egloos.com/1610863 ]


Posted by 열라착한앙마

댓글을 달아 주세요

  1. BlogIcon model pantie youngest 2008.03.13 06:03  댓글주소  수정/삭제  댓글쓰기

    우수한과 아주 도움이 되는!