티스토리 툴바

달력

052012  이전 다음

  •  
  •  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  

프로젝트 생성시 Dialog base로 생성 했습니다.
특별히 손댄건 없고, Dialog base로 설정하고 ActivX만 뺐어요.
(ActiveX는 뭔지 몰라서 빼버린;;; 모르는건 쓰지 말자는 주의라서;;;)

먼저 Dialog class에서 WM_HELPINFO 를 재정의 합니다.
BOOL CHelpFileDlg::OnHelpInfo(HELPINFO* pHelpInfo) <- 요딴 메소드(함수)가 생기죠?
이 메소드(함수)에서,
::HtmlHelp(this->m_hWnd, szFilePath, HH_DISPLAY_TOPIC, 0);
요런식으로 호출 해 주면 됩니다.

단!!! 아주 중요한게 있습니다.
#pragma comment(lib, "Htmlhelp.Lib")
요게 들어 가야 한다는거~~~
이거 빼고 컴파일 하시면 엄청난(?) 일이 발생합니다.

컴파일 못한다고 배 째라고 합니다. -_-;;;

당연한 일입니다. 함수 선언은 했지만, 함수를 호출 할 위치를 모릅니다.
(함수 선언은 HtmlHelp.h 파일에 선언이 되어 있고, 특별히 헤더파일을 include 하지 않아도 어느 포인트인진 모르겠지만 추가가 되어 있네요;;)
하지만 문제는 구현부가 없다는거~
함수를 선언은 했지만 구현부가 없기에 호출을 못하니 컴파일러는 당연히 “배째~” 이럽니다.

일단... 제가 테스트 한 풀 소스를.......올리긴 무의미해 보이고,
함수만 올립니다.

BOOL CHelpFileDlg::OnHelpInfo(HELPINFO* pHelpInfo)
{
BOOL res = TRUE;

CString szFilePath;
CWnd* wnd;
WCHAR szTmp[2048];
HWND hHtml= NULL;

wnd = GetDlgItem(IDC_PATH);
wnd->GetWindowText(szTmp, 2047);
szFilePath = szTmp;

switch (pHelpInfo->iContextType)
{
case HELPINFO_MENUITEM:
break;

case HELPINFO_WINDOW:
#pragma comment(lib, "Htmlhelp.Lib")
hHtml = ::HtmlHelp(this->m_hWnd, szFilePath, HH_DISPLAY_TOPIC, 0);
return res;
break;
}
return CDialog::OnHelpInfo(pHelpInfo);
}



<2010. 07. 27 추가>
※ MFC 6.0에서는 “htmlhelp.h” 파일과 “htmlhelp.dll” 파일을 따로 추가 해 주어야 한다.

※ 특정 Page로 바로가기를 원하는 경우, “파일명::/페이지명”으로 지정 해 주면 된다.
ex)
가정 "test.chm" 파일이 존재하고, "intro.htm"페이지가 있다.
이럴 경우 "test.chm::/intro.htm"이라고 하면 바로 intro.htm 파일을 열어준다.

Posted by 파이드라

var tagName = $("#id").get(0).tagName;

alert(tagName);

Posted by 파이드라

HTML 인쇄 관련 CSS

Web 2012/05/09 16:06
요즘 CSS 를 만질 일이 많습니다. 그런데 화면을 위한 CSS 가 아닌 Print 를 위한 CSS 입니다.
CSS파일 을 사용할떄 다음처럼 media property를 사용하면 인쇄물에 적용할 css 를 정의할 수 있습니다.


<link rel="stylesheet" href="print.css" type="text/css" media="print" />


대부분 화면용 CSS 와 동일하게 작성하면 되지만, 가장 민감한것이 있는데 [쪽 넘김]입니다.
MS Word에서 ctrl+enter를 치면, 쪽 넘김이 되는데 이렇게 하면 앞페이지의 분량에 관계없이 쪽넘김을 한 줄에서 무조건 다음페이지로 넘겨집니다. 문서의 문맥상, 혹은 양식상 반드시 새 쪽으로 시작해야 하는 곳이 있죠. "13장 : 어쩌고 저쩌고" 같은거요. 그것을 위한 단축키가 ctrl+enter 입니다.

웹 문서를 인쇄할때는 어떨까요?
웹페이지인 HTML 은 기본적으로 "페이지"가 없습니다. UI 를 ebook 처럼 구성할 수는 있겠지만, HTML 의 기본 구조는 link 로 연결된 (스크롤이 필요한 ) one page 입니다. 그래서 html페이지를 인쇄하면 word 문서나 pdf 처럼 깔끔하게 되지 않습니다.
하지만, 이를 위한 css 기능이 있는데 바로 page-break-after, page-break-before입니다. 다음처럼 작성하면 class가 page인 element, 다음 element부터 다음 종이에 인쇄합니다.

.page{page-break-after:always:}

가능한 vlaue는 auto, always, avoid, left, right, inherit 이 있지만,
IE는 left, right, inherit이 지원되지 않고,
chrome, safari, ff는 avoid, left, right가 지원하지 않는다고 하니 always로 명시적으로 쪽구분을 할때만 사용할 수 있을거 같습니다.

주의할점은 다음처럼 빈 elemnt를 사용해서 구현하면 IE7 에서 쪽구분이 되지 않습니다. 컨텐츠가 들어있는 block element에 정의해 주어야 합니다.

<div id="page1">...</div>
<div style="page-break-after:always;"></div>
<div id="page2">...</div>


IE7에서 가능하려면, 이렇게 해야합니다.

<div id="page1" style="page-break-after:always;">
...
</div>



Print 를 위한 Css 는 몇번 더 포스팅 하겠습니다.

 

Posted by 파이드라