Altari’s BLOG
Dom Scripting
Written on 06.04.14-3:57 pm by mongshe
5 BEST PRACTICES
이제 겨우 5장이다. 해석하랴 소스만들어보랴 일하랴 .. 헉헉
잠이 부족해지기 시작한다..
오늘은 5장의 소스가 윈도우에서 먹지 않음을 발견했다.. 팝업이 떠야 하는데이것이 꼼짝도 않하는것이 아닌가. 도흥석님께 여쭤보니.. links[i].getAttribute(”class”)방식은 IE에서 지원하지 않는다구 한다.. 이런 표준이 필요한 시점이다.. 해결방법은 아래의 코드처럼 Firefox와 IE에서 모두 사용이 가능한 links[i].className으로 하면 된다. ^^
헛!! 그러나 .className = x 등의 대입은 Firefox에서는 지원하지 않는다고 한다..
다시한번 좌절이다…
어찌되었건 간에 원래 목적에 맞게 마크업 할 수 있고 마우스 오버할때 작업줄에 링크를 표시 할 수 있다니.. 만족이다.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />
<title>Example</title>
<script type=”text/JavaScript”>
window.onload = function(){
if (!document.getElementsByTagName) return false;
var links = document.getElementsByTagName(”a”);
for (var i=0; i<links.length; i++) {
if(links[i].className == “popup”){
links[i].onclick = function(){
popUp(this.getAttribute(”href”));
return false;
}
}
}
}
function popUp(winURL) {
window.open(winURL,”팝업”,”width=1024,height=768″);
}
</script>
</head>
<body>
<a href=”http://www.altari.com/” mce_href=”http://www.altari.com/” class=”popup”>altari</a>
</body>
</html>