'IT/HTML'에 해당되는 글 3건

  1. 2008/01/14 HTML 인쇄시 페이지 구분하기
  2. 2007/07/14 DOM Script 책 출간 안내
  3. 2007/06/05 Image Button 처리시 주의해야 할 것
2008/01/14 14:23

HTML 인쇄시 페이지 구분하기

HTML을 브라우져에서 인쇄시 페이지를 구분할 수 있다.

http://koxo.com/lang/js/style/pageBreakBefore.html


http://trio.co.kr/webrefer/css2/page.html#page-breaks

http://ilmol.com/wp/2007/08/15/341/
Trackback 0 Comment 0

Trackback : http://www.ihwan.com/trackback/2511129

2007/07/14 17:49

DOM Script 책 출간 안내

사용자 삽입 이미지


얼마전 한화면에서 여러개의 동작을 한화면에서 처리하는 작업을 할 일이있었다.
그때 까지만해도 AJAX를 제대로 구현해 본적은 없었고, 꽤 많은 시간을 공부를 해가면서 구현을 하고 있었다.
그러나 난관이 있었다. AJAX는 요청은 브라우져에서 하지만 화면은 DOM Script로 구성을 해야한다.

이전까지 JAVA Script로 페이지를 변경하는것이 비슷비슷해서 거의 Copy & Paste를 했었는데,
AJAX를 하다보니 페이지마다 다른 DOM Script를 만들어야 해서 새롭게 배워서 써야 했다.

국내에서 출판된 여러 AJAX책은 대부분 일부 페이지를 할애해서 DOM Script를 설명하고 있지만,
AJAX에 초점을 맞추다 보니 페이지 단에서 처리해야할 것에 대한 설명이 부족한 게 사실이였다.

또한 DOM Script는 제대로된 디버그 툴이 부족함과 동시에, IE, FF, OPERA등등의 브라우져마다 조금 씩 다른 부분도 있기 때문에 W3C 표준안대로 따라하게 되면 안되는 부분이 분명히 있어서 엄청난 삽질이 필요하다.

예전 DOM Script를 공부할때는 Mozilla 에서 제공하는 레퍼런스를 주로 보았는데, 아직 한국어 쪽은 번역 안된 부분도 많고, 레퍼런스다보니 이해하기가 쉽지 않은 부분도 있다.

이러한 부분에 조금은 도움을 받을 수 있는 책이 출간 되었다.
웹 표준화 부분에 많은 노력을 기울이시는 윤석찬님이 번역하셨다길래 더욱 믿음이 간다.
한국어 부분판에는 특별 예제들도 들어 있다고 하니 기대가 된다.

Trackback 0 Comment 0

Trackback : http://www.ihwan.com/trackback/2511106

2007/06/05 15:12

Image Button 처리시 주의해야 할 것

<input type="image" src="image.gif" onclick="function();return false;">

Image Button은 Submit Type을 Image Submit로 대치한다고 보아야한다.
왜냐하면 button과는 구현된 속성이 조금달라서, 버튼을 누르게 되면 바로 submit이 되게 때문이다.

Form이 action되는 것을 막기 위해서는 onclick 속성에 함수를 호출하고, return false;를 적어주어서 더 이상 스크립트가 실행되지 않도록 막아야 한다.

<img> 태그를 써서 onclick event를 발생시킬 수는 있지만,
FireFox에서는 마우스 커서가 손가락으로 표시되지 않기 때문에 유저가 클릭을 하는 버튼이 아니라고 생각 할 수 있기 때문에 위의 방법을 추천한다.  
Trackback 0 Comment 0

Trackback : http://www.ihwan.com/trackback/2511090