BLOG ARTICLE Javascript/UI | 2 ARTICLE FOUND

  1. 2008.04.18 modalpopup with multiple cancel 1
  2. 2007.11.09 그간의 내용정리

하나의 모달팝업에 여러개의 취소버튼 넣기..
자바스크립트를 이용한 고스트스텝(?) ㅋㅋ
http://mattberseth.com/blog/2007/10/modalpopup_with_multiple_cance.html
AND

개체.getBoundingClientRect()
출력화면에 기준한 좌표체계를 돌려줌 속성으로 x, y가 있음
출력화면 기준으로인해 브라우저 스크롤의 경우 좌표가 꼬임
우회방법: 레이어의 스크롤을 하게되면 브라우저 스크롤의 좌표와는 상관없이 보여지는 개체의 정확한 위치가 잡아짐

개체.offsetLeft , Top..
내장개체에 position을 absolute를 먹이지 않는 이상 상위 개체의 내부여백의 영향으로 좌표에 문제가 생길 수 있음 (ex:body)
고로 부모의 offset을 체크할 필요가 생김

개체.className
개체에 설정된 스타일 클래스의 값을 돌려줌.

개체.getAttribute('속성명')
특정속성값을 가져옴(id 등 을 못 가져올때 사용)
참고로 id는 닷넷, DOM, HTML, JAVASCRIPT에서 약간씩 다른듯함

innerHtml ?
innerText (IE)
innerXml ?
outerHtml (IE)
outerText (IE)
outerXml ?

등이 존재..
자식포함 옵션도 존재
(조사필요)

document.elementFromPoint(x,y)
좌표체계에 기준을한 개체선택방법
아마도 최상위의 개체를 가져다줄듯함..
익스플로러 전용인듯함

document.createElement("태그명")
or document.createElement("<태그 속성=""....></태그>")

속성이 많아서 설정하기 귀찮을땐 후자를 추천

*요넘들과 함께 사용
개체.setAttribute('속성명','값')
개체.appendChild(자식개체)
개체.removeChild(자식개체)

개체.
부모찾기
개체.parentElement (IE)
자식찾기
개체.children (IE) <==덩어리
개체.childNodes <==덩어리
개체.childNodes[1] <==1+1번째자식
개체.firstChild
개체.lastChild

event.srcElement
이벤트를 일으킨 개체(IE)

parseInt(문자)
닷넷의 int.parse("")와 동일

getParentByAttr(개체,'name','value')
재귀적포함관계를 갖는 구조화된 개체의 부모를 찾기위해만듬
용도는 알아서..
        function getParentByAttr(sender, nm, vlu)
        {
            if(sender.parentElement!=null)
            {
                if(sender.parentElement.getAttribute(nm)==vlu)
                {
                    return sender.parentElement;
                }
                else
                {
                    return getParentByAttr(sender.parentElement, nm, vlu);
                }
            }
            else
            {
                return null;
            }
        }

AND