'Tip'에 해당되는 글 2건
- 2008/01/16 javascript의 relaceAll 을 대체할만한 split 와 join (1)
- 2008/01/07 javascript로 브라우저 중앙에 레이어 뛰우기
javascript의 relaceAll 을 대체할만한 split 와 join
javascript 의 relaceAll 메서드는 정규식을 이용한 치환밖에 되지 않는다. 보통 문자 치환은 String대 String 으로 하는데, 정규식을 이용해야하는 relaseAll 메서드를 이용할수 없다. 그래서 여러 개발자들은 해당 문자가 있는지 여부를 조사하는 indexOf메서드를 사용해 루프문을 돌아 relace시키는 function 을 만들어 사용한다.
하지만, replaceAll을 대체할만한 아래 아주 기발한 아이디어 하나가 있다. 별다른 펑션을 만들지 않고도 아래 한줄이면 간단히 구현된다.
참재미있지 아니한가~ :)
'Web > Client' 카테고리의 다른 글
| 크로스 브라우징을 위한 function 코드 작성시 팁 (0) | 2008/01/24 |
|---|---|
| 어플리케이션 내장 IE의 웹개발시 border값 제거 (0) | 2008/01/24 |
| javascript의 relaceAll 을 대체할만한 split 와 join (1) | 2008/01/16 |
| javascript로 브라우저 중앙에 레이어 뛰우기 (0) | 2008/01/07 |
| 자바스크립트로 구현한 튤팁(Tooltip) (0) | 2007/08/20 |
| Ajax 호출시 JSON 으로 리턴 받기 (0) | 2007/08/06 |
- Posted by byuli on 2008/01/16 22:45
- 받은 트랙백이 없고
- 댓글 하나 달렸습니다.
javascript로 브라우저 중앙에 레이어 뛰우기
아래는 브라우저 중앙에 div 구조로된 레이어를 뛰울때, 좌표값을 구하는 방법이다.
※ 전체 크기에서 레이어 사이즈를 뺀것을 반으로 나누고, 스크롤 한 길이만큼을 더해준것이다.
document.body 대신에 document.documentElement 를 사용한 이유는 DTD 타입을 선언한 페이지에서는 document.body 의 값을 내뱉지 못한다. body에서 얻지 못한값은 documentElement 로 얻을수 있다.
document.documentElement.clientWidth : 현재 브라우저의 document 넓이를 반환.
300 : 뛰울 레이어의 가로 사이즈.
document.documentElement.scrollLeft : 브라우저의 document의 스크롤이 이동한 넓이.
※ 전체 크기에서 레이어 사이즈를 뺀것을 반으로 나누고, 스크롤 한 길이만큼을 더해준것이다.
document.body 대신에 document.documentElement 를 사용한 이유는 DTD 타입을 선언한 페이지에서는 document.body 의 값을 내뱉지 못한다. body에서 얻지 못한값은 documentElement 로 얻을수 있다.
'Web > Client' 카테고리의 다른 글
| 어플리케이션 내장 IE의 웹개발시 border값 제거 (0) | 2008/01/24 |
|---|---|
| javascript의 relaceAll 을 대체할만한 split 와 join (1) | 2008/01/16 |
| javascript로 브라우저 중앙에 레이어 뛰우기 (0) | 2008/01/07 |
| 자바스크립트로 구현한 튤팁(Tooltip) (0) | 2007/08/20 |
| Ajax 호출시 JSON 으로 리턴 받기 (0) | 2007/08/06 |
| java냐 javascript이냐? (0) | 2007/07/31 |
- Posted by byuli on 2008/01/07 20:03
- 받은 트랙백이 없고
- 댓글이 없습니다.
