August 2016 – rootbox.co.kr

Home » Archives for August 2016

[js] Internet explorer 브라우저 버전 추출하기

Posted on: August 27, 2016 | By: Kiwoong Jang – Leave a Comment

다른 포스트([js/jQuery] Customized checkbox/radio button)에서 사용했던 코드인데 다시 정리합니다.

function getIEVersion() {
	var ua = window.navigator.userAgent,
		msie = ua.indexOf("MSIE ");
	if(msie > 0) {
		return parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)));
	} else {
		return 0;
	}
}

function getIEVersion() {

var ua = window.navigator.userAgent,

msie = ua.indexOf("MSIE ");

if(msie > 0) {

return parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)));

} else {

return 0;

}

구현 방법은 매우 단순합니다. navigator 객체의 userAgent 프로퍼티에서 버전 부분만 추출하는 방식입니다. 아래는 Internet explorer 10 의 userAgent 정보입니다. 이를 기준으로 코드를 설명하면,

"Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)"

1	"Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)"

“MSIE “가 몇번째 위치에 있는지 indexOf 로 받아오고 // Line 3 …

[js/jQuery] Customized selectbox

Posted on: August 6, 2016 | By: Kiwoong Jang – Leave a Comment

역시 Customized checkbox/radio button 과 같은 이유로 만든 스크립트입니다. selectbox는 단순히 CSS 핸들만으로 디자인을 입힐 수 없기 때문에 <selectbox> 태그를 사용하지 않고 디자인은 ul/li 와 CSS로 적용하고, 기능은 javascript 로 핸들했습니다. 간단한 기능만 필요해 selectbox 기본 기능만 구현했을 뿐, keyboard 관련 이벤트는 처리하지 않았습니다. 역시 …

[js/jQuery] Customized checkbox/radio button

Posted on: August 6, 2016 | By: Kiwoong Jang – 1 Comment

오랫만에 업데이트 합니다. Checkbox 나 Radio button 에 디자인을 입힐 수 있도록 하는 코드입니다. 요즘에 누가 구구구구구구 버전 브라우저(IE7, 8, 9) 따위를 지원하겠냐 싶으시겠지만 대응 해야 하는 곳이 있습니다. ㅎㅎ 덕분에 CSS3 로 간단하게 해결할 수 있는 것을 구버전도 지원할 수 있도록 jQuery로 만들었습니다. IE9 …