달력

9

« 2019/9 »

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  •  
  •  
  •  
  •  
  •  
2013.07.26 21:38

IE문서모드 브라우저 모드 설정 Language/HTML2013.07.26 21:38

과거 HTTP 표준이 지켜지지 않을때 IE가 시장을 지배한탓에
IE8에는 여러가지 모드가 있다.
일반적으로 잘 알려진 것이 호환성 모드이다.
IE8이 표준에 대한 지원을 강화함에 따라 이전 전용코드들에 대해서 문제가 발생하는데 이를 해결하기위한 땜빵이 호환성 모드이다.
표준과 IE전용을 적당히 석어서 랜더링한다.

IE8에보면 F12로 개발자모드 창을 띄울수있다.
그곳에 보면 모드가 2종류가있다.
    브라우져모드 : 7 / 8 / 8호환성
    문서모드 : 7표준 /8표준 / 쿼크

이것은 "현재의 문서를 어떤방식으로 랜더링을 할것인가?" 를 선택하는것이다.
브라우져 모드는 브라우져의 기본 셋팅을 정하는것이고
문서모드는 자신의 랜더링방식을 명시하는것이다.
(기능적으로 둘은 동일한데 어디서 정의를 하는가의 차이이다.)

브라우져 모드의 설정은 메뉴에 호환성보기가 있고 레지스트리를 보면
[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_NATIVE_DOCUMENT_MODE]
"MyApplication.exe"=dword:13880
이런 형태로 저장되어있다.

문서모드는 문서의 해더에 아래와 같이 설정하면 브라우져모드의 설정보다 우선하여 적용된다.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 
DTD 정의가 있는 경우: Standard Mode
DTD 정의가 없는 경우: Quirks Mode
 Standard Mode 설정 (DTD 정의가 있는 경우)
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

 
설정의 세부 값은 아래와 같다.
 Quirks Mode 설정 (DTD 정의가 없는 경우)
 <meta http-equiv="X-UA-Compatible" content="IE=5" />
 Internet Explorer 7 Standards 모드
 <meta http-equiv="X-UA-Compatible" content="IE=7" />
 Internet Explorer 8 Standards 모드
 <meta http-equiv="X-UA-Compatible" content="IE=8" />
 가장 최신 Internet Explorer 버전의 Standards 모드
 <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

 

=========================================================================================================

그리하야... 내가 짠 소스뮤,

 

<meta http-equiv="Content-Type"  content="text/html; charset=EUC-KR" />   
<meta http-equiv="Page-Enter" content="BlendTrans(Duration=0.4)"/>
<meta http-equiv="Page-Exit" content="BlendTrans(Duration=0.4)"/>
<meta http-equiv="X-UA-Compatible" id="X-UA-Compatible" content="IE=9" />
<meta http-equiv="X-UA-Compatible" id="browser_mode" content="IE=9" />
<script>
var name = navigator.appName, ver = navigator.appVersion,
ver_int = parseInt(navigator.appVersion), ua = navigator.userAgent, infostr;

//alert(ver);

if(name == "Microsoft Internet Explorer"){
 if(ver.indexOf("MSIE 9.0") != -1)  {
  document.getElementById("X-UA-Compatible").setAttribute("content", "IE=9");
 // document.getElementById("browser_mode").setAttribute("content", "IE=EmulateIE9");
 }else if(ver.indexOf("MSIE 8.0") != -1)  {
  document.getElementById("X-UA-Compatible").setAttribute("content", "IE=8;IE8");
 // document.getElementById("browser_mode").setAttribute("content", "IE=EmulateIE8");
 }else if(ver.indexOf("MSIE 7.0") != -1)  {
  document.getElementById("X-UA-Compatible").setAttribute("content", "IE=7");
 }else{
  document.getElementById("X-UA-Compatible").setAttribute("content", "IE=edge");
 }
}

</script>



원문출처 : http://blog.naver.com/PostView.nhn?blogId=xcynicx&logNo=110129450755

Posted by 현자

댓글을 달아 주세요

2013.06.05 11:45

mapArea 영역 찾기 Language/HTML2013.06.05 11:45

 

mapArea.zip

1. 위의 파일을 다운 받는다.

 

2. 받은 파일을 압출을 푼다.

 

3. 필요한 이미지 파일을 압축푼 폴더로 복사한다.

 

4. 파일명을 bmw.jpg 로 수정

 

5. test.html 실행

 

6. Load Image 클릭

 

7. New Link를 클릭하면 생성 되는 이미지 영역을 원하는 크기 및 위치로 이동

 

8. 하단부에 Make Code 를 누르면 map area 영역이 설정된 코드가 나온다.

 

9. 찾아서 쓰면 끝~

Posted by 현자

댓글을 달아 주세요

map area 사용시 a 태그를 사용하지 않으면 기본 커서로 표기가 된다.

커서 모양 사용 방법은 다음과 같다.

 

<img src="이미지명" usemap="#Map" id="imgID" />

<map name="Map" id="Map">

<area shap="rect" coords="0,0,100,100" onMouseOver="imgID.style.cursor='hand'" onMouseOut="imgID.style.cursor='hand'" />

</map>

Posted by 현자

댓글을 달아 주세요

2011.12.05 09:31

엔터 값으로 실행시키기 Language/HTML2011.12.05 09:31

function enters(obj) {
   if(event.keyCode == 13  ) {
      //작업 할 부분
  }
}


호출 시에는
<input  type="text" onKeyDown="enters(this)">
Posted by 현자

댓글을 달아 주세요

new MultipartRequest(전송할 파일명을 가지고 있는 객체, 서버상의 절대경로, 최대 업로드될 파일 크기, 문자 코드);
ex) new MultipartRequest(request, realFolder, maxSize, encType);

=> 서버에 있는 파일에 동일한 명으로 업로드를 시킬 경우 덮어 쓰기한다.


new MultipartRequest(전송할 파일명을 가지고 있는 객체, 서버상의 절대경로, 최대 업로드될 파일 크기, 문자 코드, 기본 보안 적용);
ex) new MultipartRequest(request, realFolder, maxSize, encType,  new DefaultFileRenamePolicy());

=> 서버에 있는 파일에 동일한 명으로 업로드를 시킬 경우 이름을 변경하여 업로드한다.
Posted by 현자

댓글을 달아 주세요

//viewImage.jsp ( 이미지 실제 사이즈를 보여주는 곳

<HTML>
<HEAD>
 <TITLE>Fit the Pic Script</TITLE>
 <script language='javascript'>
   var arrTemp=self.location.href.split("?");
   var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
   var NS = (navigator.appName=="Netscape")?true:false;
     function FitPic() {
       iWidth = (NS)?window.innerWidth:document.body.clientWidth;
       iHeight = (NS)?window.innerHeight:document.body.clientHeight;
       iWidth = document.images[0].width - iWidth;
       iHeight = document.images[0].height - iHeight;
       window.resizeBy(iWidth, iHeight);
       self.focus();
     };
 </script>
</HEAD>
<BODY bgcolor="#000000" onload='FitPic();' topmargin="0"
marginheight="0" leftmargin="0" marginwidth="0" scroll="auto">

 <script language='javascript'>
 document.write( "<img src='" + picUrl + "' border=0 onclick=\"Javascript:self.close();\">" );
 </script>
</BODY>
</HTML>


=========================================================================================

//이미지 호출하기
function PopupPic(sPicURL) {
     window.open( "./viewImage.jsp?"+sPicURL, "",  "resizable=1,HEIGHT=200,WIDTH=200");
 }

Posted by 현자

댓글을 달아 주세요

2011.09.20 15:24

페이지 여백 없애기 Language/HTML2011.09.20 15:24

<style type="text/css">
<!--
body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
-->
</style>
Posted by 현자

댓글을 달아 주세요

2011.09.03 17:58

이메일 주소 연동시키기 Language/HTML2011.09.03 17:58

<a href="mailto:메일주소">내용</a>

Posted by 현자

댓글을 달아 주세요

2011.07.21 09:34

robots.txt 파일 만들기 Language/HTML2011.07.21 09:34

robots.txt 샘플을 만들어 주는 사이트입니다.

http://www.mcanerin.com/EN/search-engine/robots-txt.asp

'Language > HTML' 카테고리의 다른 글

페이지 여백 없애기  (0) 2011.09.20
이메일 주소 연동시키기  (0) 2011.09.03
robots.txt 파일 만들기  (0) 2011.07.21
Page Refresh  (0) 2011.03.30
[JAVA]TXT 파일 인코딩 설정하여 열기  (1) 2011.03.11
form target  (0) 2011.01.26
TAG robots, 로봇
Posted by 현자

댓글을 달아 주세요

2011.03.30 14:22

Page Refresh Language/HTML2011.03.30 14:22

<meta http-equiv="refresh" content="180">

http-equiv 타입을 refresh 로 설정하면 현재 페이지가 자동으로 갱신된다.

<meta http-equiv="refresh" content="3" URL="test.txt">

이런식으로 URL을 붙여 다른 페이지로 이동 또는 자동 실행을 할 수도 있다.

content 에는 초단위로 값을 설정해 주면 된다.

'Language > HTML' 카테고리의 다른 글

이메일 주소 연동시키기  (0) 2011.09.03
robots.txt 파일 만들기  (0) 2011.07.21
Page Refresh  (0) 2011.03.30
[JAVA]TXT 파일 인코딩 설정하여 열기  (1) 2011.03.11
form target  (0) 2011.01.26
글자수제한 스크립트  (0) 2010.09.28
Posted by 현자

댓글을 달아 주세요