Login

RSS rss_image

XHTML

enbee

대표이미지
검색
altari_design
 

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>

답글 37개 »

Trackback_Address http://www.altari.com/archives/44/trackback/

답글 남기기

*

*


*

secret mode

Your dream's come true

powered by WordPress
copyright ©2006 altari All rights reserved