DTD

CSS Sample

  • Base.css
    code copy close 
    @charset "utf-8";
@import url("default.css") all; 

/*
2008-08-17
mz.co.kr
sateam
Lee yunhan
*****************/
body {
	font-size:12px;
	font-family:'돋움', Arial, dotum, Tahoma;
	line-height:1.22em;
	color:#555;
	background-color:#fff;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	color:#333;
}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote {
	margin:0;
	padding:0;
}
ul, ol, li {
	list-style:none;
}
dt, dd {}
img {
	border:0;
}
li img,
dl img {
	vertical-align:middle;
}
textarea {
	font-size:1em;
	font-family:'돋움', Arial, dotum, Tahoma;
	color:#666;
}
table {
	width:100%;
	border-collapse:collapse;
	border:0;
	font-size:1em;
}
table caption {
	display:none;
}
a, a:link, a:visited {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:underline;
}
form fieldset {
	border:0;
}
form legend {
	display:none;
}
select, input {
	font-size:1em;
	color:#666;
	vertical-align:middle;
}
hr {
	display:none;
}
abbr {
	cursor:help;
	border:0;
}

JS Sample

Markup Sample

Other Contents

  • 클래스로 새창 띄우기
    code copy close 
    function newWindow(classname) {
	var anchorEles = document.getElementsByTagName("a");	
	for (var i = 0; i < anchorEles.length; i++) {
		var linkstr = anchorEles[i].firstChild.nodeValue;
		var tarLink = "새창으로 " + linkstr + "연결";
		if (anchorEles[i].className == classname) {
			anchorEles[i].setAttribute("title",tarLink);
			anchorEles[i].onclick = function() {
				window.open(this.getAttribute("href"));
				return false;
			}
		}
	}
}

<a href="target.html" class="external">
  • 팝업창 띄우기
    code copy close 
    function winpopup (url,name,w,h,s) {
		if(s!==0)    {
			sOp = ",scrollbars=yes";
		} else    {
			sOp = "";
		}
		winOptions = 'width='+w+',height='+h+sOp;
		thisUrl = url.getAttribute('href');
		if (!thisUrl) {
			return false;
		} else {
			window.open(thisUrl,name,winOptions);
		}
	}

	<a href="target.html" onclick="winpopup(this,'name',200,100,0);">
  • 특정 태그의 배열을 만들어 클래스 검색하기
    code copy close 
    window.onload = prepareLinks;
	function prepareLinks() {
		var links = document.getElementsByTagName("a");
		for (var i = 0; i < links.length; i++) {
			if (links[i].getAttribute("class") == "popup") {
				links[i].onclick = function() {
					pupUp(this.getAttribute("href"));
					return false;
				}
			}
		}
	}
  • addEvent함수
    code copy close 
    function addEvent(elm, evType, fn, useCapture) {
		if (elm.addEventListener) {
			elm.addEventListener(evType, fn, useCapture);
			return true;
		}
		else if (elm.attachEvent) {
			var r = elm.attachEvent('on' + evType, fn);
			return r;
		}
		else {
			elm['on' + evType] = fn;
		}
	}

	addEvent(window,'load',func1,false);
  • 소스보기
    code copy close 
    javascript:document.body.innerText=document.body.outerHTML; eval();
  • 우클릭막기 해제
    code copy close 
    javascript:document.body.oncontextmenu=""; eval();
  • IE6에서 IE7로 랜더링 해주는 스크립트
  • IE6에서 셀렉트 박스의 레이어
  • IE전용 주석문
    code copy close 
    <!--[if lte IE 6.0]> aaa <![endif]-->
  • insertAfter 함수
    code copy close 
    function insertAfter(newElement,targetElement) {
		var parent = targetElement.parentNode;
		if (parent.lastChild == targetElement) {
			parent.appendChild(newElement);
		} else {
			parent.insertBefore(newElement,targetElement.nextSibling);
		}
	}

	function aa() {
		parent.insertAfter(parentClose,tar);
	}