묻고답하기
스킨파일에서 자바스크립트 출력하는 방법
2010.08.05 18:40
스킨 파일에서 브라우저에 맞게 출력 하고 싶습니다.
php에서는 echo 명령어를 이용해서 처리 했는데요.
xe에서는 어떻게 해야하는지요?
해당 버전에 맞게 css를 class를 지정해 줄려고 합니다.
아래와 같은 방법 말고 다른 방법이 있으면 답변좀 부탁드립니다.
function navigator() {
if( navigator.appVersion.indexOf("MSIE 6") > -1){ // 브라우저 버전 IE6 일경우
return "identity6";
} else if (navigator.appVersion.indexOf("MSIE 7") > -1){ // 브라우저 버전 IE7 일경우
return "identity7";
} else { //나머지
return "identity8";
}
}
댓글 1
-
에피스
2010.08.06 09:13
-
시나브로74
2010.08.06 09:58
정말 세심한 답변 감사하드립니다. 이게 xe에 국한된 얘기가 아니였군요 .. 아직까지 이것도 모른게 한심할 따름이네요..
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| jjjnnn | 호스팅업체 둘 중 어디가 나은가요? (광고말고 둘중하나만비교좀..) [2] | 2012.09.11 by 워러9 |
| 별을사랑했네 |
현재 그룹별로 접근권한이 되어있는것을 레벨별로 접근 권한을 바꿀수 있는지요?
 | |
| 동히 | else if 구문 하나만 도와주세요... | |
| WonBan |
레이아웃 폭 줄이고 싶은데..도와주세요..
| |
| maximkanu |
모듈 만들려고하는데, 모듈 목록이 제대로 뜨지않네요
[1]
| 2012.09.10 by 푸시아 |
| 다함께 | 로그인이 안되는 문제입니다. [1] | 2012.09.10 by 푸시아 |
| 레오마드 | 웹 호스팅 신청시 질문 [1] | 2012.09.10 by 푸시아 |
| 동히 | else if 구문 사용가능하신 분 도와주세요. [1] | 2012.09.10 by CMD |
| goldenloach |
index 수정문의
[2]
| 2012.09.10 by 송동우 |
| jjuune |
페이지 모듈 컨텐츠 영역의 다국어 설정 방법은?
[1]
| 2012.09.10 by 송동우 |
| nonserial | 목록게시판에 카테고리 목록 축력은 안나오게 하려면 어떻게 하나요? [2] | 2012.09.10 by nonserial |
| 신비의불 | xe 설치과정 오류 입니다. [1] | 2012.09.10 by juossin |
| San. |
지식인모듈 여러문제가 있네요. 포인트지급이 제대로 되는지..?
| |
| 루트엘 | XE에서 | |
| 캔슈 | 업데이트 했는데..... [1] | 2012.09.10 by 송동우 |
| 루트엘 | 호스팅서버에 메일서버가 없을시에는 [1] | 2012.09.10 by 송동우 |
| pclove | 게시판 리스트 자동 삭제 가능한가요? [2] | 2012.09.10 by 송동우 |
| 레오마드 | 제로보드 설치와 사용법 [1] | 2012.09.10 by 송동우 |
| WongooN | 홈페이지 서브메뉴를 클릭하면, 새창으로 떠요~같은 창에 뜨게하려면? [1] | 2012.09.10 by 송동우 |
| 마랴 | XE쉬운설치 이용하다가 홈피 접속이 안됩니다 ㅠㅠ [1] | 2012.09.10 by 송동우 |
저도 해보지는 않았지만, 아래의 방법으로 CSS 로 브라우저별 CSS 를 따로 지정하시면 어떨까요?
http://xe.xpressengine.net/wiki/18817946 의 일부내용 발췌합니다.^^
웹 브라우저 호환성을 유지하기 위한 CSS 기법은 무엇이 있나요?
IE 6~7 브라우저는 완벽하게 표준에 따라 구현되어 있지 않고 버그가 많다는 사실을 알아야 합니다. 그리고 이 브라우저들의 디버깅 기법을 익혀야 합니다. IE8, Firefox, Safari, Chrome, Opera 브라우저는 표준 계열 브라우저로써 대부분의 HTML/CSS 코드를 표준에 따라 동일하게 렌더링 하기 때문에 표준 명세에 따라 코드를 작성하면 되고 별도의 디버깅 기법은 필요가 없습니다. 그러나 IE 6~7 브라우저는 표준 계열 브라우저들과 적지 않은 차이를 갖고 있습니다. IE 6~7 브라우저 디버깅 기법에는 다음과 같은 두 가지 방법이 있습니다.
조건부 주석(Conditional Comment)이란 IE 계열 브라우저에서 IE 브라우저의 버전 타겟팅을 위해 사용하는 주석 입니다. IE 계열 브라우저들은 겨냥한 버전에 따라 주석 안쪽에 있는 내용을 해석하지만 표준 계열 브라우저들은 이 주석을 모두 주석으로 받아들여 해석하지 않습니다. IE 6~7 브라우저에 각각 대응하는 두 개의 파일을 만들고 표준 CSS 코드를 덮어쓸 수 있도록 표준 코드 아래줄에 선언 합니다.
<link rel="stylesheet" type="text/css" href="default.css" /><!--if IE 7><link rel="stylesheet" type="text/css" href="ie7Debug.css" /><!endif-->
<!--if IE 6><link rel="stylesheet" type="text/css" href="ie6Debug.css" /><!endif-->
'if IE 7'은 IE 브라우저에서 '만약 IE 7 브라우저라면 이 주석을 해석할 것' 이라는 의미로 받아 들입니다. 결국 IE 7 브라우저는 ie7Debug.css 파일을 해석할 것이고 표준계열 브라우저는 무시할 것입니다. 이 방법의 장점은 문법적으로 유효한 CSS 코드를 얻을 수 있다는 점인데 별도의 CSS 파일을 관리해야 하기 때문에 개발 편의를 떨어 뜨리고 전송 요청 횟수를 증가시켜 웹 문서 속도에 좋지 않은 영향을 미칩니다.
CSS 코드의 문법적 유효성을 포기하는 대신 개발 편의와 성능 향상을 위해 CSS hack을 사용하는 방법 입니다. CSS 코드의 문법적 유효성을 유지하려는 목적은 브라우저 호환성을 획득하기 위함인데 CSS 코드는 문법적으로 유효하지 않더라도 브라우저 호환성 획득이 가능하기 때문에 코드의 무결성을 고집스럽게 주장할 필요가 없습니다. 현재 CSS의 활성 표준은 2.0 인데 반해 실제로 현존하는 대부분의 브라우저들은 이미 아직 표준으로 확정되지 않은 CSS 2.1 문법을 모두 지원하고 CSS 3.0 문법을 일부 지원하고 있으므로 CSS 코드에서 표준 코드에 대한 무결성은 이미 의미가 없습니다. CSS hack이 필요한 브라우저는 오직 IE 6~7 뿐인데 다음과 같은 형식으로 디버깅 할 수 있습니다. 같은 속성을 두 번 선언하여 앞에 선언된 표준 속성을 덮어쓰기 하는 원리 입니다.
.selector { property:value; *property:value; } /* IE 7 이하의 브라우저에 작용 합니다 */.selector { property:value; _property:value; } /* IE 6 이하의 브라우저에 작용 합니다 */