확대 축소
/* 화면 확대 축소 시작 IE 전용 */
var nowZoom = 100; // 현재비율
var maxZoom = 200; // 최대비율(500으로하면 5배 커진다)
var minZoom = 80; // 최소비율

//화면 키운다.
function zoomIn(){
 if(nowZoom < maxZoom){
  nowZoom += 10; //25%씩 커진다.
 }else{
  return;
 }
 document.body.style.zoom = nowZoom + "%";
}

//화면 줄인다.
function zoomOut(){
 if(nowZoom > minZoom){
  nowZoom -= 10; //25%씩 작아진다.
 }else{
  return;
 }
 document.body.style.zoom = nowZoom + "%";
}

----------------------------------------------
사용자의 편리를 위해 사용되는 기능 중 하나 이다.
무식하게 커지는 것이므로 큰 의미는 없는 것으로 판단된다.

- 달력은 테이블로 구성해도 무방
- 무조건 7칸씩 6줄로 테이블 생성
- 날짜 넣기
- 자바스크립트로 제어.
- 소스는 분석을 좀더 해 주고. 올릴예정
- 테이블의 마지막 줄 (6번째줄)이 셀값이 36이하인 경우 보이지 않게 함.
- 이때 !! <tr> 태그에 display="none"를 주면 IE6.0 에서 바로 위 5번째 줄에 아래 선이 짤림.
  => <td>태그에  일일이 스타일을 넣어 주면 해결됨.


1. DTD 관련
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%>
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=EUC-KR" />
<title></title>

기본 상단 정의 내용
2. XHML 1.0 기준으로
 2.1 IE에서
   - 스타일에 한줄 이 떨어지는 경우  <a> 태그와 <img> 태그 사이에 공백을 주지 말것
   - <colgroup> 를 쓴다면  <col width="14%"/> 처럼 / 를꼭 닫아 준다.

** 계속 해서 이어서 작성할 예정임...

+ Recent posts