window.open

출처 : http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/open_0.asp

 

Opens a new window and loads the document specified by a given URL.

Syntax

oNewWindow = window.open( [sURL] [, sName] [, sFeatures] [, bReplace])

Parameters

sURL	Optional. String that specifies the URL of the document to display. If no URL is specified, a new window with about:blank is displayed.
sName	Optional. String that specifies the name of the window. This name is used as the value for the TARGET attribute on a form or an a element. _blank The sURL is loaded into a new, unnamed window. _media The sURL is loaded into the HTML content area of the Media Bar. Available in Microsoft Internet Explorer 6 or later. _parent The sURL is loaded into the current frame's parent. If the frame has no parent, this value acts as the value _self. _search Available in Internet Explorer 5 and later. The sURL is opened in the browser's search pane. _self The current document is replaced with the specified sURL . _top sURL replaces any framesets that may be loaded. If there are no framesets defined, this value acts as the value _self.
sFeatures	Optional. This String parameter is a list of items separated by commas. Each item consists of an option and a value, separated by an equals sign (for example, "fullscreen=yes, toolbar=yes"). The following features are supported. channelmode = { yes | no | 1 | 0 } Specifies whether to display the window in theater mode and show the channel band. The default is no. directories = { yes | no | 1 | 0 } Specifies whether to add directory buttons. The default is yes. fullscreen = { yes | no | 1 | 0 } Specifies whether to display the browser in full-screen mode. The default is no. Use full-screen mode carefully. Because this mode hides the browser's title bar and menus, you should always provide a button or other visual clue to help the user close the window. ALT+F4 closes the new window. A window in full-screen mode must also be in theater mode (channelmode). height = number Specifies the height of the window, in pixels. The minimum value is 100. left = number Specifies the left position, in pixels. This value is relative to the upper-left corner of the screen. The value must be greater than or equal to 0. location = { yes | no | 1 | 0 } Specifies whether to display the input field for entering URLs directly into the browser. The default is yes. menubar = { yes | no | 1 | 0 } Specifies whether to display the menu bar. The default is yes. resizable = { yes | no | 1 | 0 } Specifies whether to display resize handles at the corners of the window. The default is yes. scrollbars = { yes | no | 1 | 0 } Specifies whether to display horizontal and vertical scroll bars. The default is yes. status = { yes | no | 1 | 0 } Specifies whether to add a status bar at the bottom of the window. The default is yes. titlebar = { yes | no | 1 | 0 } Specifies whether to display a title bar for the window. This parameter is ignored unless the calling application is an HTML Application or a trusted dialog box. The default is yes. toolbar = { yes | no | 1 | 0 } Specifies whether to display the browser toolbar, making buttons such as Back, Forward, and Stop available. The default is yes. top = number Specifies the top position, in pixels. This value is relative to the upper-left corner of the screen. The value must be greater than or equal to 0. width = number Sets the width of the window, in pixels. The minimum value is 100.
bReplace	Optional. When the sURL is loaded into the same window, this Boolean parameter specifies whether the sURL creates a new entry or replaces the current entry in the window's history list. true sURL replaces the current document in the history list false sURL creates a new entry in the history list.

Return Value

Returns a reference to the new window object. Use this reference to access properties and methods on the new window.

Remarks

By default, the open method creates a window that has a default width and height and the standard menu, toolbar, and other features of Internet Explorer. You can alter this set of features by using the sFeatures parameter. This parameter is a string consisting of one or more feature settings.

When the sFeatures parameter is specified, the features that are not defined in the parameter are disabled. Therefore, when using the sFeatures parameter, it is necessary to enable all the features that are to be included in the new window. If the sFeatures parameter is not specified, the window features maintain their default values. In addition to enabling a feature by setting it to a specific value, simply listing the feature name also enables that feature for the new window.

Internet Explorer 5 allows further control over windows through the implementation of title in the sFeatures parameter of the open method. Turn off the title bar by opening the window from a trusted application, such as Microsoft Visual Basic or an HTML Application (HTA). These applications are considered trusted, because each uses Internet Explorer interfaces instead of the browser.

When a function fired by an event on any object calls the open method, the window.open method is implied.

<SCRIPT LANGUAGE="JScript">
function foo() {
    open('about:blank');}
</SCRIPT>
<BODY onclick="foo();">
Click this page and window.open() is called.
</BODY>

When an event on any object calls the open method, the document.open method is implied.

<BUTTON onclick="open('Sample.htm');">
Click this button and document.open() is called.
</BUTTON>

Internet Explorer 6 for Microsoft Windows XP Service Pack 2 (SP2) places several restrictions on windows created with this method. For several of the parameter values listed in the Parameters table, these restrictions are indicated by the minimum value. For more information, see About Window Restrictions.

This method must use a user-initiated action, such as clicking on a link or tabbing to a link and pressing enter, to open a pop-up window. The Pop-up Blocker feature in Internet Explorer 6 blocks windows that are opened without being initiated by the user. The Pop-up Blocker also prevents windows from appearing if you call this method from an onunload event.

Example

This example uses the open method to create a new window that contains Sample.htm. The new window is 200 pixels by 400 pixels and has a status bar, but it does not have a toolbar, menu bar, or address field.

window.open("Sample.htm",null,
    "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");

톰캣 재시작

tomcat/bin/catalina.sh stop

tomcat/bin/catalina.sh start

null , undefined , typeof , === , ==

요즘 JavaScript The Definitive Guide를 보고 있다
영어도 못하는 녀석이 이 책보느라고 고생이다

여태까지는 깊이 와닫는 부분이 없었는데.. 오늘 정말 모르던것을 알아버렸다!!!

alert(typeof(document.getElementById("obj_id"))); 1. if (document.getElementById("obj_id") == null){ alert("null"); } 2. if (document.getElementById("obj_id") == undefined){ alert("undefined"); } 3. if (document.getElementById("obj_id") === null){ alert("null"); } 4. if (document.getElementById("obj_id") === undefined){ alert("undefined"); }

만일 obj_id라는 ID를 갖는 HTML Element가 없는경우에
document.getElementById("obj_id")의 결과는  null 이다

그런데 alert(typeof(null)) 하면 object 가 찍힌다.. 자바스크립트는 null도 object로 인식한다
뭐 여기까지는 많은 사람들이 알고 있을것이다. 물론 나도 알고 있었고..

그런데 내가 일반적으로 특정 object가 있는지 없는지 확인하던 그 1번 if문이 틀린거였다
실제로 1번 2번 스크립트를 실행하면 둘다 alert가 뜬다. null , undefined 둘다...

null 이랑 undefined를 비교할때는 === 나 !== 를 써야 한단다..
동치 비교라고 하는데 값 뿐만아니라 형식까지 비교하는 연산자다

책에는
When null is used in a Boolean contentx , it convers to false. When used in a numeric context , it convert to 0 . and when used in a string context, it converts to "null".

When undefined value is used in a Boolean context, it convers to false. When used in a numeric context, it converts to NaN. and when used in a string context, it converts to "undefined"

이렇게 되어있는걸로 봐서는 둘다 false 값으로 변해서 값이 동일하기 때문에 값만 비교해서는 정확한 비교가 안이루어지는것 같다...

이제 특정 object가 있는지 없는지 판단할때는 반드시 === 를 사용하는 습관을 들여야 겠다

펌글)

http://nova23.tistory.com/5

레이아웃 다운

http://layouts.ironmyers.com/

 

네이버 디자인

html.nhndesign.com

레이아웃 최소1000px ( 헤더, 메뉴, 컨텐트[최대넓이] )

/* 전체 레이아웃 */
<body>
 <!-- 전체를 싸고 있는 부분(최소넓이는 1000px)-->
 <div id="PAGE_WRAP">
  <!-- 헤더 부분 -->
  <div id="HEADER">
  </div>
  <div id="CONTENT">
   <!-- 컨텐트 왼쪽 부분 -->
   <div id="LEFT_CONTENT">
   </div>
   <!-- 컨텐트 오른쪽 부분 -->
   <div id="RIGHT_CONTENT">
    <div id="RIGHT_CONTENT_WIDTHFIX">
    </div>
   </div>
  </div>
 </div>
</body>

 

- css

#PAGE_WRAP {
 min-width:1000px;
    width:expression(document.body.clientWidth < 1001 ? '1000px' : '100%');
}
#HEADER {float:left;  margin-bottom:10px; height:100px; width:100%; border:#777 2px solid; background:#444; }
#CONTENT {clear:both;}
#LEFT_CONTENT {float:left; width:200px;}
#RIGHT_CONTENT {float:right; margin-right:-210px; width:100%; }
#RIGHT_CONTENT_WIDTHFIX {margin-right:220px;}

확장자만 가져오기

String fileName="test.exe"
          String ext="";
          int i=fileName.lastIndexOf('.');
          if(i>0 && i <fileName.length()-1)
          {
           ext=fileName.substring(i+1).toLowerCase();
          }

JSP 내장 객체

서블릿 컨테이너의 웹 브라우저 요청 처리 방법

1. 사용자가 선택한 링크에 의해 웹 브라우저로부터 들어온 요청(HTTP request)을 컨테이너가 받아들입니다.

2. 컨테이너는 요청한 서블릿을 위해 HttpServletRequest와 HttpServletResponse 객체를 생성합니다. HttpServletRequest 객체는 폼 파라메터 정보를 가지고 있습니다.

3. 서블릿은 스레드를 만들어서 서비스할 준비를 합니다.

4. 서블릿 컨테이너는 request 객체와 response 객체를 인자로 스레드에게 전달합니다.

5. 컨테이너는 service() 메서드를 호출하여 6. GET 방식으로 처리할 지 POST 방식으로 처리할 결정합니다. doGet() 메서드나 doPost() 메서드를 호출하여 동적인 HTML 문서를 response 객체에 담아서 전송합니다.

request 객체
(javax.servlet.http.HttpServletRequest)

웹 브라우저로부터 전송받은 HTTP request message의 HTTP Header 부분과 HTTP Body 부분의 정보를 보관하고 있는 객체입니다.

request parameter 처리 메서드들

public String getParameter(String name)

요청 파라메터 name에 할당된 값을 리턴합니다.

public Enumeration getParameterNames()

요청에 사용된 모든 파라메터 이름을 리턴합니다.

public String[] getParameterValues(String name)

지정된 파라메터 이름에 대한 값들을 리턴합니다. CGI Form 에서 같은 name 속성으로 지정된 값들은 이 메서드를 사용하여 읽어낼 수 있습니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.util.Enumeration" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>파라메터 정보 읽기</title>
</head>
<body>
<h1>파라메터 정보 읽기</h1>
<p>
<%= request.getQueryString()%><br />
<%
Enumeration<String> paraNames = request.getParameterNames();

while (paraNames.hasMoreElements()) {
	String paraName = paraNames.nextElement();
%>
	<strong><%= paraName %></strong>:
	<%= request.getParameter(paraName) %><br />
<%
}
%>
</p>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("UTF-8"); %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Checkbox 데이터</title>
</head>
<body>
<h1>취미 선택</h1>
<form method="post" action="<%= request.getRequestURL() %>">
<input type="checkbox" id="chk1" name="hobby" value="축구" />
<label for="chk1">축구</label>
<input type="checkbox" id="chk2" name="hobby" value="배구" />
<label for="chk2">배구</label>
<input type="checkbox" id="chk3" name="hobby" value="농구" />
<label for="chk3">농구</label><br />
<input type="checkbox" id="chk4" name="hobby" value="바둑" />
<label for="chk4">바둑</label>
<input type="checkbox" id="chk5" name="hobby" value="낚시" />
<label for="chk5">낚시</label>
<input type="checkbox" id="chk6" name="hobby" value="등산" />
<label for="chk6">등산</label><br />
<input type="submit" value="전송" />
</form>
<% if (request.getParameter("hobby") != null) { %>
<p>
당신이 선택한 취미 :
	<% boolean toggle = false; %>
	<% for (String value : request.getParameterValues("hobby")) { %>
		<% if (toggle) out.println(", "); else toggle = true; %>
		<%= value %>
	<% } %>
</p>
<% } %>
</body>
</html>

HTTP 헤더와 관련한 메서드들

public String getHeader(String headerName)

HTTP 요청 헤더에 지정된 headerName의 값을 리턴합니다.

public Enumeration getHeaderNames()

HTTP 요청 헤더에 지정된 모든 헤더의 이름을 리턴합니다.

public Enumeration getHeaders(String headerName)

HTTP 요청 헤더에 포함된 모든 값들을 리턴합니다.

public int getIntHeaders(String headerName)

HTTP 요청 헤더에 지정된 headerName의 값을 int 형으로 리턴합니다.

public long getDateHeader(String headerName)

HTTP 요청 헤더에 포함된 headerName의 값을 1970년 1월 1일 0시 0분을 기준으로 한 현재까지의 밀리초를 리턴합니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ page import="java.util.Enumeration" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Request 정보 확인 예</title>
</head>
<body>
<h1>Header 정보들</h1>
<p>
<%= request.getMethod() %> <%= request.getRequestURL() %>
<%= request.getProtocol() %><br />
<%
Enumeration<String> headerNames = request.getHeaderNames();

while (headerNames.hasMoreElements()) {
	String headerName = headerNames.nextElement();
%>
	<%= headerName %>: <%= request.getHeader(headerName) %><br />
<%
}
%>
</p>
</body>
</html>

<%@ page import="java.util.Enumeration" %>
<%
request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>POST 방식</title>
</head>
<body>
<form method="post" action="jsp_request_ex03.jsp">
<label for="user">사용자</label>
<input type="text" id="user" name="user" /><br />
<label for="passwd">암호</label>
<input type="password" id="passwd" name="passwd" /><br />
<input type="submit" value="전송" /><input type="reset" value="취소" />
</form>
<% if (request.getParameterNames() != null) { %>
<p>
	<%
	Enumeration<String> parameters = request.getParameterNames();
	while (parameters.hasMoreElements()) {
		String parameter = parameters.nextElement(); %>
		<%= parameter %>: <%= request.getParameter(parameter) %><br />
	<% } %>
</p>
<% } %>
</body>
</html>

세션과 관련한 메서드들

public HttpSession getSession()

요청을 시도한 클라이언트에 지정된 HttpSession 객체를 리턴합니다. 만일 이전에 생성된 HttpSession 객체가 존재하지 않으면 새로운 세션 객체를 생성합니다.

public HttpSession getSession(boolean create)

create의 값이 true인 경우 이전에 생성된 HttpSession 객체가 존재하지 않으면 새로운 세션 객체를 생성합니다. false인 경우 null을 리턴합니다.

public String getRequestedSessionId()

요청을 시도한 클라이언트의 세션 id를 리턴합니다.

public boolean getRequestedSessionIdValid()

요청에 포함된 세션 id가 유효 여부를 리턴합니다.

isRequestedSessionIdFromCookie()

요청에 포함된 클라이언트의 세션 id가 쿠키로 전달되었는지 여부를 리턴합니다.

isRequestedSessionIdFromURL()

요청에 포함된 클라이언트의 세션 id가 URL에 포함되었는지 결과를 리턴합니다.

쿠키와 관련된 메서드

public Cookie[] getCookies()

클라이언트의 요청에 포함된 쿠키를 리턴합니다.

요청에 포함된 URL/URI와 관련한 메서드들

public String getRequestURI()

요청에 포함된 URL에서 URI 문자열을 리턴합니다.

public String getQueryString()

요엋에 포함된 쿼리 문자열을 리턴합니다.

public String getMethod()

요청에 포함된 요청 방식을 리턴합니다.

인코딩과 관련한 메서드

public void setCharacterEncoding(String encoding)

CGI Form을 통해 전달된 파라메터 값들을 일괄적으로 인코딩을 지정하는 메서드입니다. 톰캣에서는 4 버전부터 사용되고 있으며 다음 코드의 대신 사용합니다.

String name = request.getParameter("name");
if (name != null)
	name = new String(name.getBytes("8859_1"), "euc-kr");

웹 브라우저로부터 전송된 파라메터는 기본적으로 "ISO 8859-1"로 인코딩되기 때문에 한글 사용시 서버측으로 전송된 파라메터의 인코딩을 "EUC-KR"이나 "UTF-8"로 인코딩을 다시 변환해 주어야 한글이 제대로 서버로 전송됩니다.

response 객체
(javax.servlet.http.HttpServletRespose)

요청을 시도한 클라이언트로 전송할 응답 메시지를 저장하고 있는 객체입니다.

public void addCookie(javax.servlet.http.Cookie cookie)

쿠키를 응답 헤더에 추가합니다. 클라이언트는 이 응답을 받으면 지정된 쿠키를 저장하게 됩니다.

public boolean containsHeader(String headerName)

응답 헤더에 지정된 headerName의 포함 여부를 리턴합니다.

public void sendRedirect(String location) throws IOException

지정된 location으로 요청을 재전송합니다. 웹 브라우저의 주소창의 주소가 변경됩니다.

pulbic String encodeURL(String url)

현재 요청을 사용한 클라이언트가 쿠키를 지원할 경우 파라메터로 받은 URL을 그대로 문자열로 리턴하고 쿠키를 지원하지 않을 경우 URL에 세션 id를 쿼리 문자열로 추가한 URL을 리턴합니다. 세션이 유지된 클라이언트의 세션 id를 전송하려는 경우 URL Rewriting 기법을 사용할 수 있도록 지원합니다.

public String encodeRedirectedURL(String url)

세션이 유지된 클라이언트의 세션 id를 쿠키를 지원하지 않는 브라우저로 전달하기 위해 URL에 세션 id를 쿼리 문자열로 추가하여 리턴합니다.

public void setStatus(int status_code)

HTTP 응답 상태 코드를 설정합니다. 웹 서버가 자동으로 설정하는 응답 코드를 프로그래머가 의도적으로 변경할 수 있도록 합니다.

public void sendError(int status_code) throws IOException

setStatus()와 비슷하지만 서버측 에러 상황을 클라이언트로 전송하기 위해 HTTP 응답 헤더에 상태 코드를 설정합니다.

public void sendError(int status_code, String message) throws IOException

서버측 에러의 상태 코드와 설명 메시지를 함께 설정합니다.

public void setHeader(String headerName, String value)

HTTP 응답 헤더에 프로그래머가 지정한 헤더 정보를 설정합니다.

public void setDateHeader(String headerName, long dateMil)

1970년 1월 1일 0시 0분 0초를 기준으로 밀리초 경과된 날짜를 헤더 정보로 설정합니다.

public void setIntHeader(String headerName, int intValue)

int 값을 헤더 정보로 설정합니다. "Expires"와 같이 숫자 값을 가지는 헤더 정보 설정에 사용합니다.

 

펌글!!!!

http://jeongsam.net/126

숫자만를 전화번호형식(000-0000-0000)으로 표현

 /**
  * 숫자만 으로 이루어져 있는 전화번호를 형식을
  * 000-0000-0000 으로 표현하기 위해 만듬
  *  예) 027651111 => 02 - 765 - 1111
  */
 private String change(String text)
 {
  int textLength = text.length();
  String textOut ="";

  if(textLength>=9)
  {
   int startIndex=0;
   if("02".equals(text.substring(0,2)))
   {
    textOut+="02";
    startIndex+=2;
   }
   else
   {
    textOut+=text.substring(0,3);
    startIndex+=3;
   }
   textOut+=" - "+text.substring(startIndex,textLength-4);
   textOut+=" - "+text.substring(textLength-4,textLength);    
  }   
  return textOut;
 }
 

javascript 를 이용하여 창 크기 구하기!!

브라우져의 본문의 크기는 다음과 같이 구할 수 있습니다.

window.document.body.offsetWidth
window.document.body.offsetHeight
window.document.body.clientWidth
window.document.body.clientHeight
 

clientWidth,clientHeight는 offsetWidth,offsetHeight와 달리 padding사이즈를 포함하지만 margin,border,scroll bar의 크기는 포함하지 않은 사이즈입니다.

※참고

window.screen.width
window.screen.height
window.screen.availWidth
window.screen.availHeight
 

screen객체로 해상도를 구할 수 있습니다.

availWidth,availHeight는 윈도우 task bar의 크기를 제외하고 구해집니다