HTML&JSP&Javascript2013. 9. 14. 14:39


Form enctype Property


Definition and Usage

The enctype property sets or returns the value of the enctype attribute in a form.

The enctype attribute specifies how form-data should be encoded before sending it to the server.

The form-data is encoded to "application/x-www-form-urlencoded" by default. This means that all

characters are encoded before they are sent to the server (spaces are converted to "+" symbols, 

and special characters are converted to ASCII HEX values).


Syntax

formObject.enctype=value

The enctype property can have one of the following values:

ValueDescription
application/x-www-form-urlencodedAll characters are encoded before sent (this is default)
multipart/form-dataNo characters are encoded. This value is required
when you are using forms that have a file upload
control
text/plainSpaces are converted to "+" symbols, but no special
characters are encoded


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The enctype property is supported in all major browsers.

Note: Internet Explorer and Safari returns "application/x-www-form-urlencoded" even if no enctype

attribute is defined (this is the default value), while the other browsers return nothing.



Example

Example

Return how form-data should be encoded before sending it to the server:

<html>
<body>

<form>
<form id="frm1" enctype="text/plain">
First name: <input type="text" name="fname" value="Donald"><br>
Last name: <input type="text" name="lname" value="Duck"><br>
</form>

<script>
document.write(document.getElementById("frm1").enctype);
</script>

</body>
</html>

The output of the script above will be:

text/plain

Try it yourself »


출처 : http://www.w3schools.com/jsref/prop_form_enctype.asp

Posted by 아로나
HTML&JSP&Javascript2013. 8. 17. 21:19

HTML <th > 태그 : 테이블 헤더 태그(Table Header)

  • <th> HTML 태그는 테이블에서 헤더 셀 또는 테이블 헤더를 지정하는 데 사용됩니다.
    헤더 셀 <th> - 테이블의 헤더 (굵은 텍스트로 기본적으로 가운데 정렬됩니다.)
    표준 셀 <td> - 테이블의 데이터 (일반 텍스트로 기본적으로 왼쪽 정렬됩니다.)

<th > 태그 예제


  • 					
    <html>
     <head>
        <title>html th 태그 예제샘플</title>
     </head>
     <body>
       <h1>th 태그의 예제샘플입니다</h1>
       <p>
    
          <TABLE border=1>
              <CAPTION>Cups of coffee consumed by each senator</CAPTION>
              <TR>
                 <TH>Name</TH>
                 <TH>Cups</TH>
                 <TH>Type of Coffee</TH>
                 <TH>Sugar?</TH>
              <TR>
                 <TD>AAAAA</TD>
                 <TD>10</TD>
                 <TD>BBBBBB</TD>
                 <TD>No</TD>
              <TR>
                 <TD>XXXXXX</TD>
                 <TD>5</TD>
                 <TD>PPPPPPP</TD>
                 <TD>Yes</TD>
          </TABLE>
    
    </body>
    </html>
    
    					

    [예제 결과보기및 소스코드 수정하기]

<th > 관련 태그



<th > 태그 속성


    • abbr
    • 셀 내용의 짧은 요약을 나타냅니다.
        • align
        • 콘텐츠 정렬을 지정합니다.
            • axis
            • 테이블 셀 또는 테이블 헤더 셀에 대한 카테고리 이름의 쉼표로 구분 된 목록을 지정하는 것입니다.
                • bgcolor
                • 배경색을 지정할 수 있습니다.
                    • char
                    • 문자로 테이블 행의 콘텐츠를 정렬을 지정합니다.
                        • charoff
                        • char 속성에 의해 지정된 정렬 문자로 문자의 수를 지정하는 것입니다.
                            • class
                            • 문서의 요소를 식별합니다.
                                • colspan
                                • 개별 열 정의에 의해 스팬 열 수를 정의하는 것입니다.
                                    • dir
                                    • HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.
                                        • headers
                                        • 테이블 헤더 셀에 대한 식별자의 공백으로 구분 된 목록을 지정하는 것입니다.
                                            • height
                                            • 요소 나 프레임의 높이를 지정하는 것입니다.
                                                • id
                                                • 문서의 요소를 식별합니다.
                                                    • lang
                                                    • 요소의 내용의 언어를 지정합니다.
                                                            • rowspan
                                                            • 개별 테이블 셀에 스팬 행의 수를 정의하는 것입니다.
                                                                • scope
                                                                • 테이블의 헤더 셀의 범위를 지정하는 것입니다.
                                                                    • scope 속성 값 :
                                                                    • row
                                                                    • 현재 셀이 포함되어있는 행의 나머지 부분에 대한 헤더 정보를 제공합니다. 
                                                                    • col
                                                                    • 현재 셀이 포함되어있는 칼럼의 나머지 헤더 정보를 제공합니다. 
                                                                    • rowgroup
                                                                    • 헤더 셀은 포함되어있는 행 그룹의 나머지 헤더 정보를 제공합니다. 
                                                                    • colgroup
                                                                    • 헤더 셀은 포함되어있는 열 그룹의 나머지 헤더 정보를 제공합니다. 
                                                                        • style
                                                                        • 요소에 대한 인라인 스타일을 지정합니다.
                                                                            • title
                                                                            • 문서에 대한 제안 제목은 열 수 있습니다.
                                                                                • valign
                                                                                • 테이블 셀의 내용의 수직 정렬을 정의하는 것입니다.
                                                                                    • width
                                                                                    • 요소의 너비를 지정하는 것입니다.


    <th > 태그 이벤트


      • onclick
      • 마우스 클릭에서 스크립트가 실행됩니다.
          • ondblclick
          • 마우스를 두번 클릭에서 스크립트가 실행됩니다.
              • onmousedown
              • 스 버튼을 누를 때 스크립트가 실행됩니다.
                  • onmouseup
                  • 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.
                      • onmouseover
                      • 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.
                          • onmousemove
                          • 마우스 포인터가 이동할때 스크립트가 실행됩니다.
                              • onmouseout
                              • 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.
                                  • onkeypress
                                  • 키를 누르면 스크립트가 실행됩니다.
                                      • onkeydown
                                      • 키를 눌렀을 때 스크립트가 실행됩니다.
                                          • onkeyup
                                          • 키가 누른후에 스크립트가 실행됩니다.











    출처 : http://www.htmlschool.co.kr/htmltag/th.html

    Posted by 아로나
    HTML&JSP&Javascript2013. 7. 29. 22:49

    esponse.sendRedirect()에 대한 잘못된 생각에 대해서 살펴볼 것이며, 올바르게 사용하는 방법에 대해서 알아볼 것이다.

    response.sendRedirect()의 잘못된 사용방법과 올바른 사용방법

    JSP 페이지에서 특정한 작업을 수행한 후 지정한 페이지로 이동하고 싶은 경우가 있을 것이다. 예를 들어, 게시판에 글을 저장한 후에 목록 페이지로 이동하는 경우가 이에 해당한다. 이렇게 특정 처리 후, 또는 특정 조건일 때에 지정한 페이지로 이동하고 싶은 경우 많이 사용되는 것이 response.sendRedirect() 메소드이다. (물론, 서블릿 프로그래밍에서도 같은 이유로 사용된다.)

        <%
            if ( authManager.loginCheck(request) ) {
                response.sendRedirect("/loginForm.jsp");
            }
        %>


    로그인을 하지 않은 경우 JSP 페이지에서는 위 코드와 비슷한 방법으로 response.sendRedirect() 메소드를 사용해서 로그인 페이지로 이동할 것이다.

    하지만, response.sendDirect() 메소드를 잘못 사용하는 경우를 종종 발견하곤 한다. 예를 들어, 다음의 코드를 살펴보자.

        <%@ page contentType = "text/html; charset=euc-kr" %>
        <%
            String code = request.getParameter("code");
            if (code == null) {
                response.sendRedirect("/");
            }
        %>
        <html>
        <head><title>코드 출력</title></head>
        <body>
        입력한 코드: <%= code.toUpperCase() %>
        </body>
        </html>


    위 JSP 코드는 요청 파라미터 "code"가 존재하지 않으면 "/" 페이지로 이동하고, 그렇지 않을 경우 code를 대문자로 변경해서 보여주는 아주 간단한 로직을 수행하고 있다. 하지만, 위 JSP 페이지를 웹 브라우저에서 실행할 때 code 파라미터 값을 입력하지 않으면 "/" 페이지로 리다이렉트 하는 게 아니라 다음 그림처럼 예외가 발생하게 된다.


    에러가 발생하는 이유는 sendRedirect() 메소드가 호출된다 하더라도 계속해서 JSP 코드는 실행된다는 것을 망각했기 때문이다. 다시 한번 위의 코드를 보자.


    respons.sendRedirect() 메소드가 호출되면 그 위에 있는 나머지 코드는 실행되지 않을 것이라고 착각을 하지만, 실제로는 나머지 코드도 다 실행된다. (자바 프로그램의 관점에서 봤을 때, sendRedirect() 메소드는 작업을 수행한 후 리턴을 하게 되며 나머지 코드를 실행하는 것은 지극히 당연한 일이다.)

    sendRedirect() 메소드가 하는 일은 웹브라우저에 전송되는 헤더 정보에 어느 페이지로 리다이렉트하라는 정보는 넣는 것 뿐이지, 실제로 JSP 프로그램의 흐름을 변경하는 것은 아니다. 그렇다면 어떻게 이 문제를 해결해야 할까? 간혹, 위 코드를 다음과 같이 변경해서 에러만 발생하지 않도록 문제를 해결하는 경우가 있다.

        <%@ page contentType = "text/html; charset=euc-kr" %>
        <%
            String code = request.getParameter("code");
            if (code == null) {
                response.sendRedirect("/");
            }
            if (code == null) code = ""; // 에러만을 막는 비논리적 방법!
        %>
        <html>
        <head><title>코드 출력</title></head>
        <body>
        입력한 코드: <%= code.toUpperCase() %>
        </body>
        </html>


    간단한 코드에서는 위와 같은 방법으로도 에러를 막을 수가 있다. 하지만, 반드시 로그인을 한 경우에만 실행되어야 하는 코드가 response.sendRedirect() 메소드 이후에 위치한다고 생각해보자. 이런 경우에는 위와 같은 편법만으로는 논리적 오류(로그인을 하지 않았는데도 로그인을 필요로 하는 기능이 수행되는 것)를 막을 수가 없다. 즉, 시스템상에 숨겨진 버그 내지 결함이 발생하는 것이다.

    response.sendRedirect() 메소드 이후에 코드가 실행된다는 점을 망각한 코드를 올바르게 수정하기 위해서는 다음과 같이 if-else 블럭을 사용해주어야 한다.

        <%@ page contentType = "text/html; charset=euc-kr" %>
        <%
            String code = request.getParameter("code");
            if (code == null) {
                response.sendRedirect("/");
            } else {    %>
        <html>
        <head><title>코드 출력</title></head>
        <body>
        입력한 코드: <%= code.toUpperCase() %>
        </body>
        </html>
        <%
            }
        %>


    또는 다음과 같은 형태의 코드를 취해도 된다.

        <%@ page contentType = "text/html; charset=euc-kr" %>
        <%
            String code = request.getParameter("code");
            if (code == null) {
                response.sendRedirect("/");
            }
        %>
        
        <%
            if (code != null) {
        %>
        <html>
        <head><title>코드 출력</title></head>
        <body>
        입력한 코드: <%= code.toUpperCase() %>
        </body>
        </html>
        <%
            }
        %>


    response.sendRedirect() 메소드가 유용한 기능이지만, 앞에서 살펴본 것 처럼 잘못 사용하면 논리적인 결함이 발생할 수 있다. 이 점에 유의해서 이 기능을 사용하기 바란다.



    출처 : http://javacan.tistory.com/78

    Posted by 아로나
    HTML&JSP&Javascript2013. 7. 29. 22:48

    저 두 녀석간에 어떤 차이점이 있는것일까? sendRedirect가 안되면 getRequestDispatcher를 사용하곤 했는데 원인을 찾아봐야 할 필요성이 생겼다.

    1. response.sendRedirect("/contextName/helloWorld.jsp");

    전송되는 페이지의 HTTP HEADER에 리다이렉트 정보를 담아 보낸다. 브라우저가 HEADER 정보를 분석한 후 원하는 URL로 리다이렉트 시킨다. sendRedirect 이후에 세션, 쿠키, 헤더 정보를 조작하는 로직이 있다면 Cannot create a session after the response has been committed 에러를 내뱉는다. 비지니스 로직에서 sendRedirect를 하게 된다면 과감하게 return 시키자. 경로에는 컨텍스트명을 포함한 절대 경로(/로 시작하거나 http로 시작하는 풀 주소)로 적어주어야 한다.

    2. request.getRequestDispatcher("/helloWorld.jsp").forward(request, response);

    해당 코드가 실행되는 순간 이동할 페이지를 강제로 읽어들여 리다이렉트 한다. 브라우저에게 의사 결정권이 없다.
    이후의 코드가 무시된다. sendRedirect와 같은 기능을 하지만 sendRedirect는 request/response를 잃는 반면 getRequestDispatcher의 경우 재활용 한다. 경로에는 컨텍스트명을 제외한 경로를 적는다.

    참고 :
    http://www.jguru.com/faq/view.jsp?EID=223732
    http://saloon.javaranch.com/cgi-bin/ubb/ultimatebb.cgi?ubb=get_topic&f=50&t=009192


    출처 : http://theeye.pe.kr/entry/responsesendRedirect-VS-requestgetRequestDispatcher

    Posted by 아로나
    HTML&JSP&Javascript2013. 7. 9. 11:09

    javascript에서 공백을 제거하는 기능은 의외로 단순합니다.

    우선 기본적으로 trim()함수를 제공하지 않기 때문에 replace()를 사용합니다.

    trim() 함수의 기능 : 문자열 앞 뒤의 공백을 제거합니다.

    == 앞 뒤의 '공백문자'제거 == 공백문자를 '' 로 replace해주면 됩니다.

    아주 쉽습니다. very easy.

    replace()함수의 사용방법은 만국 일치.
    그럼 여기서 한가지만 알아두면 됩니다.

    공백문자를 정규식으로 표현해준다는 겁니다.

    정규식에 대한 정보는 참고하세요.

    그렇게 해서 나온 코드를 보면

    var test = " te st ";
    1) test = test.replace(/^\s*/,'');
    2) test = test.replace(/\s*$/,'');
    alert(test);

    코드를 다 설명할 필욘 없고, 정규식만 설명할게요,

    일단 // 이 사이에 정규식을 써줍니다. ^는 문자열시작이란 뜻입니다.

    그리고 \s*은 \s가 공백을 나타내고 wildcard가 0~n. 즉 공백이 없거나,

    몇갠지 모르지만 암튼 여러개 있다는 겁니다. 문자열의 처음에 공백이 몇개가 있든 다 없애주고, 없어도 없애준다(?)는 뜻이지요.

    2번라인에서 $는 문자열 마지막을 나타냅니다.
     
    문자열 마지막 앞에 있는 몇갠지 모르겠지만 암튼 공백들을 ''로 바꿔준다는 코드입니다.
     
    trim(val) 함수로 모듈화하면 좋겠지만, 간단한 경우에는 그냥 저렇게 써도 되겠네요.

    ==> 실제로 사용해보니 2) test = test.replace(/\s*$/,''); 만 정상작동했습니다. (물론 저의 경우에 한해서입니다.)

    출처 : http://pinkfish7.egloos.com/3486251 (재인용)

    Posted by 아로나
    HTML&JSP&Javascript2013. 4. 8. 14:46

    IE10 for Win7 에서 화면 멈춤 현상

    증상 : 버튼을 누르거나, 드롭다운(select) 메뉴를 눌렀거나, 여타 화면에 변화를 주는 행위를 했음에도 불구하고 변하지 않았을 경우,

    (브라우저를 리사이징 하면 변화된게 보임)


    원인 : GPU 렌더링 문제.

    (Chrome 에서도 이와 비슷한 문제가 있었음. 그래픽카드의 특성을 타는 듯)


    해결 : 도구 -> 인터넷 옵션 -> 고급 탭에서 가속 그래픽 "GPU 렌더링 대신 소프트웨어 렌더링 사용" 을 체크한 후 리붓.

     

    출처 : http://blog.daum.net/ddochea0314/64

    Posted by 아로나
    HTML&JSP&Javascript2013. 4. 8. 14:43

    IE 10 사용시 작동중지, 응답없음의 경우 해결방법입니다.

    MS 측의 공식답변입니다.

     

    안녕하세요.

     

    Windows 8 사용 중 IE 10 실행 시 멈춤,응답없음 현상이 발생되는 문제로 문의를 주셨습니다.

    문의주신 내용의 경우 Internet Explorer의 추가 기능 및 Third Party 프로그램이 Internet Explorer 10과 충돌이 생겨서 발생하는 문제입니다.

    아래의 작업 방법을 통해서 진행해보실 수 있습니다.

     

     

    작업 방법 1. Internet Explorer 기본 설정 복원하기

     

    1. 작업 표시줄의 Internet Explorer 아이콘을 우측 마우스 클릭 하여 나오는 항목 중 Internet Explorer 을 오른쪽 마우스 클릭 합니다. "관리자 권한으로 실행"을 클릭 합니다.
    2. Internet Explorer 창이 열리면 우측 상단의 톱니바퀴 모양의 아이콘 클릭 후 [인터넷 옵션]을 클릭 합니다.
    3. 이 때 만약 Internet Explrer 작동 중지 메시지가 다시 발생 된다면 [제어판 - 인터넷 옵션]을 클릭 합니다.
    4. 인터넷 옵션 창이 열리면 상단의 "고급 탭 클릭 > 원래 대로" 을 클릭 합니다.
    5. Internet Explorer에서 기본 설정 적용이 끝나면 닫기, 확인을 차례로 탭하거나 클릭합니다.
    6. 다시 Internet Explorer 창을 열고 문제점을 확인 합니다.

     

    작업 방법 2. IE 오류: 갑자기 Explore 다운, 에러 메시지 발생 등의 각종 Internet Explorer 오류 해결 방법

     

    http://support.microsoft.com/mats/ie_performance_and_safety/ko?wa=wsignin1.0

     

     

    작업 방법 3. Browser Helper Object 삭제

     

    제어판 - 프로그램 및 기능에서 Toolbar(툴바)를 비롯하여 웹 서치 , Internet Security 관련 프로그램이 있다면 삭제 합니다.

    1. Windows 로고 키+ R키를 누른 후 실행 창이 뜨면 regedit입력 , Enter누릅니다
    2. 아래의 경로로이동하여, Browser Helper Objects 폴더와 Post Platform 폴더 하위의 모든 항목을 삭제합니다. (해당 경로에 폴더가 없다면 무시 합니다)
      HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Browser Helper Objects

      HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\User Agent\Post Platform

     

    작업 방법 4. 바이러스 및 악성 코드 검사

     

    PC에 설치 되어 있는 백신 프로그램 혹은 Windows Defender 을 이용하여 전체 검사를 시도 합니다.

    Malwarebyte 실행 :http://www.malwarebytes.org/mbam.php

    바이러스, , 트로이 목마, 루트킷, 스파이웨어, 악성 프로그램을제거 있는 Tool 으로 Malwarebytes 사에서 제공 프로그램 입니다

     

     

     

    추가적인 내용이 있다면 하단의 [응답] 버튼을 눌러 회신해주시기 바랍니다.

    감사합니다.

     

     

    응답이 문제 해결에 도움이 되었다면, 아래에 있는 답변으로 [표시] 버튼을 눌러 주시기 바랍니다. 이는 유사한 증상을 겪는 다른 사용자들에게 도움이 될 수 있습니다.

     

    출처 : http://answers.microsoft.com/ko-kr/ie/forum/ie10-windows_8/windows-8-%EC%82%AC%EC%9A%A9-%EC%A4%91-ie-10/5a3ee696-3a2e-4047-91fb-1a45d9f256cf?tab=AllReplies#tabs

    Posted by 아로나
    HTML&JSP&Javascript2013. 4. 8. 14:39

    Internet Explorer 10 호환성 문제 해결 방법


    Internet Explorer 10 호환성 문제 때문에 걱정하는 분들이 있을듯합니다. 윈도우8에는 인터넷 익스플로러 10이 기본으로 탑제되어있습니다. 지금 나와있는 인터넷 익스플로러 중에서는 가장 속도가 빠르죠. 그리고 기능도 많습니다. Internet Explorer 10은 상위버전인만큼 하위 호환성을 갖추고 있습니다. 하위 브라우저 호환성 모드를 지원하는것이죠. 실제로 문제가 있는 사이트에 접속 시 호환성으로 동작시킬 수 있는 몇가지 방법이 있습니다. 개발자 도구에서 하위브라우저로 변경하여 동작시킬 수 있습니다. 물론 개발자 도구이니 DOM 구조를 살펴보거나 구조를 변경하거나 태그를 변경할 수 도 있죠. 근데 개발자 도구에서 변경은 Internet Explorer 호환성 문제가 있는 페이지에서 한번만 적용 됩니다. 즉 인터넷 익스플로러를 완전히 닫았다가 다시 열기하면 처음부터 셋팅해야합니다. 영구적으로 특정 사이트를 호환성 모드로 동작시키려면 호환성 보기를 실행해서 고정시킬 수 있습닏. 해당 방법을 배워보도록 하죠.

    Internet Explorer 10 호환성 문제 해결 방법, IE10 호환성, IE10, Internet Explorer 10, IE9, 호환성보기, 호환성 보기 모드, 호환성 보기, IE10 문제 해결, IT, 윈도우8, Windows 8, 팁, Internet Explorer 10 호환성 문제 때문에 걱정하는 분들이 있을듯합니다. 윈도우8에는 인터넷 익스플로러 10이 기본으로 탑제되어있습니다. 지금 나와있는 인터넷 익스플로러 중에서는 가장 속도가 빠르죠. 그리고 기능도 많습니다. Internet Explorer 10은 상위버전인만큼 하위 호환성을 갖추고 있습니다. 하위 브라우저 호환성 모드를 지원하는것이죠. 실제로 문제가 있는 사이트에 접속 시 호환성으로 동작시킬 수 있는 몇가지 방법이 있습니다. 개발자 도구에서 하위브라우저로 변경하여 동작시킬 수 있습니다. 물론 개발자 도구이니 DOM 구조를 살펴보거나 구조를 변경하거나 태그를 변경할 수 도 있죠. 근데 개발자 도구에서 변경은 Internet Explorer 호환성 문제가 있는 페이지에서 한번만 적용 됩니다. 즉 인터넷 익스플로러를 완전히 닫았다가 다시 열기하면 처음부터 셋팅해야합니다. 영구적으로 특정 사이트를 호환성 모드로 동작시키려면 호환성 보기를 실행해서 고정시킬 수 있습닏. 해당 방법을 배워보도록 하죠.



    제로보드중에 구버전 경우에는 문제가 있네요. 인터넷 익스플로러 10에서 보면 댓글이 이렇게 길게 밀리는 현상이 있습니다.



    Internet Explorer 10 호환성 문제 해결 방법, IE10 호환성, IE10, Internet Explorer 10, IE9, 호환성보기, 호환성 보기 모드, 호환성 보기, IE10 문제 해결, IT, 윈도우8, Windows 8, 팁, Internet Explorer 10 호환성 문제 때문에 걱정하는 분들이 있을듯합니다. 윈도우8에는 인터넷 익스플로러 10이 기본으로 탑제되어있습니다. 지금 나와있는 인터넷 익스플로러 중에서는 가장 속도가 빠르죠. 그리고 기능도 많습니다. Internet Explorer 10은 상위버전인만큼 하위 호환성을 갖추고 있습니다. 하위 브라우저 호환성 모드를 지원하는것이죠. 실제로 문제가 있는 사이트에 접속 시 호환성으로 동작시킬 수 있는 몇가지 방법이 있습니다. 개발자 도구에서 하위브라우저로 변경하여 동작시킬 수 있습니다. 물론 개발자 도구이니 DOM 구조를 살펴보거나 구조를 변경하거나 태그를 변경할 수 도 있죠. 근데 개발자 도구에서 변경은 Internet Explorer 호환성 문제가 있는 페이지에서 한번만 적용 됩니다. 즉 인터넷 익스플로러를 완전히 닫았다가 다시 열기하면 처음부터 셋팅해야합니다. 영구적으로 특정 사이트를 호환성 모드로 동작시키려면 호환성 보기를 실행해서 고정시킬 수 있습닏. 해당 방법을 배워보도록 하죠.



    F12키를 누르거나 도구 > 개발자 도구를 실행시키면 개발자 도구가 하단에 나타납니다. 브라우저 모드를 IE10에서 IE 9 이하로 변경 합니다.



    Internet Explorer 10 호환성 문제 해결 방법, IE10 호환성, IE10, Internet Explorer 10, IE9, 호환성보기, 호환성 보기 모드, 호환성 보기, IE10 문제 해결, IT, 윈도우8, Windows 8, 팁, Internet Explorer 10 호환성 문제 때문에 걱정하는 분들이 있을듯합니다. 윈도우8에는 인터넷 익스플로러 10이 기본으로 탑제되어있습니다. 지금 나와있는 인터넷 익스플로러 중에서는 가장 속도가 빠르죠. 그리고 기능도 많습니다. Internet Explorer 10은 상위버전인만큼 하위 호환성을 갖추고 있습니다. 하위 브라우저 호환성 모드를 지원하는것이죠. 실제로 문제가 있는 사이트에 접속 시 호환성으로 동작시킬 수 있는 몇가지 방법이 있습니다. 개발자 도구에서 하위브라우저로 변경하여 동작시킬 수 있습니다. 물론 개발자 도구이니 DOM 구조를 살펴보거나 구조를 변경하거나 태그를 변경할 수 도 있죠. 근데 개발자 도구에서 변경은 Internet Explorer 호환성 문제가 있는 페이지에서 한번만 적용 됩니다. 즉 인터넷 익스플로러를 완전히 닫았다가 다시 열기하면 처음부터 셋팅해야합니다. 영구적으로 특정 사이트를 호환성 모드로 동작시키려면 호환성 보기를 실행해서 고정시킬 수 있습닏. 해당 방법을 배워보도록 하죠.



    이제 정상적으로 댓글이 표기되는것을 확인할 수 있습니다. 그런데 이방법은 인터넷 익스플로러를 닫았다가 다시 열고 해당 페이지로 이동하면 다시 시행해야 합니다. 일시적으로 적용하는 방법이죠.


    Internet Explorer 10 호환성 문제 해결 방법, IE10 호환성, IE10, Internet Explorer 10, IE9, 호환성보기, 호환성 보기 모드, 호환성 보기, IE10 문제 해결, IT, 윈도우8, Windows 8, 팁, Internet Explorer 10 호환성 문제 때문에 걱정하는 분들이 있을듯합니다. 윈도우8에는 인터넷 익스플로러 10이 기본으로 탑제되어있습니다. 지금 나와있는 인터넷 익스플로러 중에서는 가장 속도가 빠르죠. 그리고 기능도 많습니다. Internet Explorer 10은 상위버전인만큼 하위 호환성을 갖추고 있습니다. 하위 브라우저 호환성 모드를 지원하는것이죠. 실제로 문제가 있는 사이트에 접속 시 호환성으로 동작시킬 수 있는 몇가지 방법이 있습니다. 개발자 도구에서 하위브라우저로 변경하여 동작시킬 수 있습니다. 물론 개발자 도구이니 DOM 구조를 살펴보거나 구조를 변경하거나 태그를 변경할 수 도 있죠. 근데 개발자 도구에서 변경은 Internet Explorer 호환성 문제가 있는 페이지에서 한번만 적용 됩니다. 즉 인터넷 익스플로러를 완전히 닫았다가 다시 열기하면 처음부터 셋팅해야합니다. 영구적으로 특정 사이트를 호환성 모드로 동작시키려면 호환성 보기를 실행해서 고정시킬 수 있습닏. 해당 방법을 배워보도록 하죠.



    호환성에 문제가 있는 페이지에 접근하면 주소줄 오른편에 호환성 보기 아이콘이 생깁니다. 이것을 클릭하면 색이 파란색으로 변하고 호환성 보기가 적용됩니다. 이렇게하면 IE7 모드로 고정이 됩니다.



    Internet Explorer 10 호환성 문제 해결 방법, IE10 호환성, IE10, Internet Explorer 10, IE9, 호환성보기, 호환성 보기 모드, 호환성 보기, IE10 문제 해결, IT, 윈도우8, Windows 8, 팁, Internet Explorer 10 호환성 문제 때문에 걱정하는 분들이 있을듯합니다. 윈도우8에는 인터넷 익스플로러 10이 기본으로 탑제되어있습니다. 지금 나와있는 인터넷 익스플로러 중에서는 가장 속도가 빠르죠. 그리고 기능도 많습니다. Internet Explorer 10은 상위버전인만큼 하위 호환성을 갖추고 있습니다. 하위 브라우저 호환성 모드를 지원하는것이죠. 실제로 문제가 있는 사이트에 접속 시 호환성으로 동작시킬 수 있는 몇가지 방법이 있습니다. 개발자 도구에서 하위브라우저로 변경하여 동작시킬 수 있습니다. 물론 개발자 도구이니 DOM 구조를 살펴보거나 구조를 변경하거나 태그를 변경할 수 도 있죠. 근데 개발자 도구에서 변경은 Internet Explorer 호환성 문제가 있는 페이지에서 한번만 적용 됩니다. 즉 인터넷 익스플로러를 완전히 닫았다가 다시 열기하면 처음부터 셋팅해야합니다. 영구적으로 특정 사이트를 호환성 모드로 동작시키려면 호환성 보기를 실행해서 고정시킬 수 있습닏. 해당 방법을 배워보도록 하죠.



    댓글이 정상적으로 표기가 됩니다. 인터넷 익스플로러를 닫았다가 다시 열고 해당페이지로 이동해도 호환성 보기를 기억해서 문제가 없는 페이지를 보여주게 됩니다. 특정 페이지에서 결제가 안되거나 페이지가 정상적으로 보이지 않을경우에는 호환성 보기를 적용하세요.





    Internet Explorer 10 호환성 모드 직접 선택


     



    만약 호환성 보기 아이콘이 안나타나는 경우에는 도구 > 호환성 보기 설정(B)를 선택 합니다.





    선택한 웹페이지를 추가버튼을 눌러서 호환성 보기 웹페이지에 직접 추가할 수 있습니다.

     

    출처 : http://cdmanii.com/3335

    Posted by 아로나
    HTML&JSP&Javascript2013. 3. 21. 14:18

       /**************************************
       * 금융기관 검색 팝업 (NUM, NAME 만 가져오는 것)
       ***************************************/
       function fn_comm_Search_Bank(obj_NUM, obj_NAME)
       {
        strQueryString = '?SearchWord=' + obj_NUM.value.replace(/-/g, "");
       
        //금융기관 검색
        var vReturnValue = window.showModalDialog('../UserControl/FRS_W_UC008.aspx' + strQueryString, window, 'dialogWidth:530px;dialogHeight:440px;status:no;scroll:no;');
             
        if (vReturnValue != null)
        {
         obj_NUM.value = vReturnValue.CMPN_NUM_SHOW;
         obj_NAME.value = vReturnValue.CMPN_NAME;
        }
       }



     

    /// 자식 창에서 .................

    var opener = window.dialogArguments;          // 보모의 window 자체를 넘겨 받았으므로 부모의 모든객체에 access 할수 있다.

    // 찾기 이미지를 클릭해서 창을 불렀을 때는 넘어온 Argument 를 사용하지 않는다.
    // blur 이벤트를 통해서 넘어왔을때만 Argument 를 사용한다.
    if (opener.event.srcElement.type != "text") {
     isOpenFirst = false;
    }
    else {
     document.frm.ddlFUND_CLSS.value = "<%=Request["FUND_CLSS"]%>";
     document.frm.ddlBANK_CODE.value = "<%=Request["BANK_CODE"]%>";
     document.frm.ddlACUT_DIVS.value = "<%=Request["ACUT_DIVS"]%>";
     document.frm.htxtSearchWord.value = "<%=Request["SearchWord"]%>";
    }

    출처 : http://ilikefox.tistory.com/8

    Posted by 아로나
    HTML&JSP&Javascript2012. 2. 18. 13:10

    JSP 동작원리

    1. HTTP서버

    웹 서버라고 부른다. 주로 웹 브라우저를 통해 전송되는 HTTP요청을 받아 이를 해석하고, 처리 결과를 클라이언트에게 전송한다.



    2. 서블릿 컨테이너

    클라이언트로부터 전송된 요청 중 서블릿 컨체이너가 처리하도록 지정된 URL에 대해 서블릿이 처리한다. 처리후 웹 서버에게 넘겨주면 웹 서버는 클라이언트에게 응답을 전송한다.



    3. 페이지 컴파일 서블릿

    서블릿 컨테이너는 .jsp 를 만나면 페이지 컴파일을 담당하는 페이지 컴파일 서블릿을 호출하고 필요시 .jsp에 상응하는 서블릿 코드를 생성하여 이를 컴파일하고 실행한다.
    .jsp파일은 이 과정을 통해 서블릿으로 컴파일 되어 서블릿 컨테이너가 실행하게 된다.




    <hello.jsp 실행과정>
    1. 클라이언트가 브라우저 주소창에 hellp.jsp의 경로를 입력히서 HTTP요청을 보낸다.

    2. 웹 서버는 요청받은 URL이 서블릿 컨테이너가 처리하도록 지정된 것임을 알고 이 요청을 서블릿 컨테이너에게 넘긴다.

    3. 서블릿 컨테이너는 hello.jsp가 페이지 컴파일러가 처리하도록 설정되어 있음을 알고 이 요청을 페이지 컴파일러에게 넘긴다.

    4. 페이지 컴파일 서블릿은 hello.jsp 파일에 대한 서블릿 코드가 존재하는가를 확인한다.

    5. 만약 존재하지 않는다면 hello.jsp 파일에 대한 JSP서블릿 코드를 생성하고 이를 컴파일하여 실행한다.

    6. 만약 서블릿 코드가 존재하지만 이 코드의 생성시간이 hello.jsp 파일의 최근 ㅜ정된 시간보다 이전이라면 새로운 JSP서블릿 코드를 생성하고 컴파일한다.

    7. hello.jsp 파일에 대한 서블릿 코드가 존재하고, 이후에 파일이 수정이 되지 않은 경우에는 다시 컴파일하지 않고 이전에 컴파일된 JSP 서블릿의 인스턴스가 메모리에 존재하는지 확인한다.

    8. 인스턴스가 메모리에 존재하는 경우 해당인스턴스를 실행하고, 그겋지 않은 경우 새로운 인스턴스를 생성하여 실행한다.

    9. 페이지 컴파일러는 생성하고 실행한 JSP서블릿의 응답이 반대로 서블릿 컨테이너를 거쳐 웹 서버를 통해 클라이언트 브라우저에 HTTP Response로 전송된다.


    출처 : http://shoutrock.egloos.com/3541910

    Posted by 아로나