Altari’s BLOG

Dom Scripting

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>

방탄웹

으허허허..
처음으로 상용화된 서적에 내이름이 들어가는 영광을 얻었다..
bulletproof_review.gif

뭐 그렇게 꼼꼼하게 리뷰도 못 드렸는데..  이름까지 올려주서서 역자 박수만님께 감사와 죄송함이 교차한다..

책 내용은 디자이너에게 꼭 필요한 부분이 많이 많이 있었다.
특히 마크업이 너무나 깔끔해서 깜짝 놀랐는데. 나도 앞으로의 코드는 이렇게 의미있게 써야겠다.

이블로그를 보시는분중 디자이너가 있다면 한번은 꼭 나와 같은 경험을 하시길….

원서는 넘 어려워~~

내가 읽어 보려고 산 책(dom scripting)을 아직 3/1도 보지 못했는데..
사장님이 한권(designing interfaces)을 더 던져주셨다..
물론 나에게 필요한 책임에 틀림없어 보이지만, 영어의 압박이 … 엄청나게 엄습한다..
읽으면서 좋은 부분이있으면 다음 포스트에 추가해 볼생각이다.