'Dev/Script'에 해당되는 글 9건
- 자바스크립트 바이트 ( Byte ) 수 만큼 입력 제한 2011/12/08
- 자바스크립트 쿠키(javascript cookie) 2009/08/14
- 자바스크립트 속성, 메소드, 이벤트핸들러 - 펌 2009/05/22
- [자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩) 2009/04/22
- XMLHTTP의 속성과 메서드 2008/12/22
- javascript visibility 스타일, display스타일 2008/12/12
- javescript eval() 함수 2008/12/12
- 최근 24시간 동안 새로 올라온 글이 new 이미지 표시메소드(ASP.NET 2.0) 2008/12/08
- offsetHeight, clientHeight, scrollHeight 2008/09/18
자바스크립트 바이트 ( Byte ) 수 만큼 입력 제한자바스크립트 바이트 ( Byte ) 수 만큼 입력 제한
Posted at 2011/12/08 10:44 | Posted in Dev/Script사용법 : onkeyup="ByteChk('title', 27, 'titleremain');"
onkeydown="ByteChk('title', 27, 'titleremain');"
content : 입력 Input text
limitByte: 바이트 제한
remain : 남은 바이트 수 표시
스크립트
function ByteChk(content, limitByte, remain) {
'Dev > Script' 카테고리의 다른 글
| 자바스크립트 바이트 ( Byte ) 수 만큼 입력 제한 (0) | 2011/12/08 |
|---|---|
| 자바스크립트 쿠키(javascript cookie) (0) | 2009/08/14 |
| 자바스크립트 속성, 메소드, 이벤트핸들러 - 펌 (0) | 2009/05/22 |
| [자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩) (0) | 2009/04/22 |
| XMLHTTP의 속성과 메서드 (0) | 2008/12/22 |
| javascript visibility 스타일, display스타일 (0) | 2008/12/12 |
자바스크립트 쿠키(javascript cookie)자바스크립트 쿠키(javascript cookie)
Posted at 2009/08/14 17:41 | Posted in Dev/Script| ◆자바스크립트 쿠키(cookie)
| |
|
'Dev > Script' 카테고리의 다른 글
| 자바스크립트 바이트 ( Byte ) 수 만큼 입력 제한 (0) | 2011/12/08 |
|---|---|
| 자바스크립트 쿠키(javascript cookie) (0) | 2009/08/14 |
| 자바스크립트 속성, 메소드, 이벤트핸들러 - 펌 (0) | 2009/05/22 |
| [자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩) (0) | 2009/04/22 |
| XMLHTTP의 속성과 메서드 (0) | 2008/12/22 |
| javascript visibility 스타일, display스타일 (0) | 2008/12/12 |
자바스크립트 속성, 메소드, 이벤트핸들러 - 펌자바스크립트 속성, 메소드, 이벤트핸들러 - 펌
Posted at 2009/05/22 11:08 | Posted in Dev/Script
|
객체 |
속성 |
메소드 |
이벤트핸들러 |
|
name |
|
| |
|
length |
|
| |
|
|
applet!'s methods |
| |
|
length |
|
| |
|
hash |
|
onClick | |
|
length |
concat |
| |
|
form |
blur |
onClick | |
|
checked |
blur |
onClick | |
|
|
getDate |
| |
|
activeElement |
clear |
| |
|
form |
blur |
onBlur! | |
|
action |
reset |
onReset | |
|
length |
|
| |
|
length |
|
| |
|
form |
|
| |
|
current |
back |
| |
|
length |
|
| |
|
border |
|
onAbort | |
|
length |
|
| |
|
above |
load |
onBlur! | |
|
length |
|
| |
|
hash |
|
onClick | |
|
length |
|
| |
|
hash |
reload |
| |
|
E |
abs |
| |
|
description |
|
| |
|
length |
|
| |
|
appCodeName |
javaEnabled |
| |
|
MAX_VALUE |
toString |
| |
|
defaultSelected |
|
| |
|
length |
|
| |
|
defaultValue |
blur |
onBlur! | |
|
description |
refresh |
| |
|
length |
|
| |
|
checked |
blur |
onClick | |
|
length |
|
| |
|
form |
blur |
onClick | |
|
availHeight |
|
| |
|
form |
blur |
onChange | |
|
length |
anchor |
| |
|
form |
blur |
onClick | |
|
defaultValue |
blur |
onBlur! | |
|
defaultValue |
blur |
onBlur! | |
|
clientInformation |
alert! |
onBlur! |
※ 녹색은 네츠케이프, 혹은 익스플로러 전용으로만 사용되는 객체(속성,메소드)입니다
'Dev > Script' 카테고리의 다른 글
| 자바스크립트 바이트 ( Byte ) 수 만큼 입력 제한 (0) | 2011/12/08 |
|---|---|
| 자바스크립트 쿠키(javascript cookie) (0) | 2009/08/14 |
| 자바스크립트 속성, 메소드, 이벤트핸들러 - 펌 (0) | 2009/05/22 |
| [자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩) (0) | 2009/04/22 |
| XMLHTTP의 속성과 메서드 (0) | 2008/12/22 |
| javascript visibility 스타일, display스타일 (0) | 2008/12/12 |
[자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩)[자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩)
Posted at 2009/04/22 11:55 | Posted in Dev/Script특수문자가 포함된 값을 전송할때에는 값을 인코딩하여 전송하면 된다.
인/디코딩 함수는 세가지가 있다.
※인코딩 ※ 디코딩
escape() unescape()
encodeURI() decodeURI()
encodeURIComponent() decodeURIComponent()
escape는 알파벳과 숫자 및 * @ - _ + . / 를 제외한 문자를 모두 16진수로 바꾸어 준다.
그래서 URL을 인코딩할때는 별로 적합하지 않다.
URL을 통째로 인코딩할 때는 encodeURI()
URL의 파라미터만 인코딩할 때는 encodeURIComponent()를 적용하는게 좋다.
참고로.. 디코딩함수를 적용해주지 않아도 값이 넘어가면서 알아서 디코딩되었다.
escape 예제
가나ab ~!@#$%^&*()_+|/? %uAC00%uB098ab%20%7E%21@%23%24%25%5E%26*%28%29_+%7C/%3F
encodeURI 예제
가나ab ~!@#$%^&*()_+|/? %EA%B0%80%EB%82%98ab%20~!@#$%25%5E&*()_+%7C/?
encodeURIComponent 예제
가나ab ~!@#$%^&*()_+|/? %EA%B0%80%EB%82%98ab%20~!%40%23%24%25%5E%26*()_%2B%7C%2F%3F
'Dev > Script' 카테고리의 다른 글
| 자바스크립트 쿠키(javascript cookie) (0) | 2009/08/14 |
|---|---|
| 자바스크립트 속성, 메소드, 이벤트핸들러 - 펌 (0) | 2009/05/22 |
| [자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩) (0) | 2009/04/22 |
| XMLHTTP의 속성과 메서드 (0) | 2008/12/22 |
| javascript visibility 스타일, display스타일 (0) | 2008/12/12 |
| javescript eval() 함수 (0) | 2008/12/12 |
XMLHTTP의 속성과 메서드XMLHTTP의 속성과 메서드
Posted at 2008/12/22 10:51 | Posted in Dev/ScriptXMLHTTP는 다음과 같은 메서드를 가지고 있습니다.
.abort():현재 동작을 취소합니다.
.getAllResponseHeader():HTTP 헤더의 모든 내용을 반환합니다.
.getResponseHeader("헤더이름"):지정된 HTTP헤더 내용을 반환합니다.
.open(method,url,async,username,password):HTTP요청에 대한 속성을 지정합니다.
method:파라미터의 전송 방법을 지정합니다. "GET"또는 "POST"로 지정할 수 있습니다.
url : HTTP 요청을 보낼 원격 페이지의 주소입니다. http://로 시작할 수 없습니다.
async : 요청을 동기.비동기로 처리할지의 여부입니다. TRUE면 비동기로 처리하고 FALSE면 동기로 처리합니다.
username,password : HTTP요청에 대한 인증이 필요할 경우 지정할 수 있는 계정 정보로 생략이 가능합니다.
.send(content) : open에 지정한 속성을 이용하여 HTTP 요청을 전송합니다.
content : HTTP 요청과 함께 전송할 파라미터 또는 콘텐츠 입니다.
.setRequestHeader(key,value) : key/value 쌍의 HTTP 헤더를 전송 목록에 더합니다.
이중 XMLHTTP를 사용하기 위한 최소의 필수 메서드는 open과 send 이며, 만일 파라미터를 POST방식으로 전달하고 싶다면 setRequestHeader 메서드가 추가로 필요합니다.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
다음은 XMLHTTP의 속성 목록입니다.
.onreadystatechange : HTTP요청의 상태 변화에 따라 호출되는 이벤트 핸들러입니다.
.readyState : onreadystatechange에서 사용할수 있는 HTTP 요청 상태의 코드 값입니다. 가질수 있는 값들과 의미는 다음과 같습니다.
0 (uninitialized) : open 메서드가 호출되기 이전.
1 (loading) : HTTP 요청 준비가 된 상태. 하지만 아직 보내지 않은 상태. send 메서드 호출 전의 상태.
2 (loaded) : HTTP 요청을 보내어 처리하고 있는 중. 헤더는 읽을 수 있는 상태.
3 (interactive) : 데이터를 받고 있는 중. 하지만 완전히 받지는 못한 상태.
4 (complete) : 데이터를 완전히 받은 상태. 비로소 responseText 와 responseXML 속성을 읽을 수 있는 상태.
.responseText : 요청에 대한 응답을 텍스트로 반환합니다.
.responseXML : 연결에 대한 응답을 XML DOM 으로 변환합니다. XML 문자열이 아니라 XML DOM으로 반환한다는 것을 염두해 두세요.
.status : HTTP 상태 코드를 숫자로 반환합니다. 예를 들면 OK에 대해서 200을, 페이지를 찾을수 없었을 때는 404를 반환합니다.
.statusText : HTTP 상태 코드에 대한 문자열을 반환합니다. 예를 들면 "OK", "Not Found" 등이 될수 있습니다.
'Dev > Script' 카테고리의 다른 글
| 자바스크립트 속성, 메소드, 이벤트핸들러 - 펌 (0) | 2009/05/22 |
|---|---|
| [자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩) (0) | 2009/04/22 |
| XMLHTTP의 속성과 메서드 (0) | 2008/12/22 |
| javascript visibility 스타일, display스타일 (0) | 2008/12/12 |
| javescript eval() 함수 (0) | 2008/12/12 |
| 최근 24시간 동안 새로 올라온 글이 new 이미지 표시메소드(ASP.NET 2.0) (0) | 2008/12/08 |
javascript visibility 스타일, display스타일javascript visibility 스타일, display스타일
Posted at 2008/12/12 14:01 | Posted in Dev/Script간혹 visibility 스타일을 display스타일과 착각하는 사람들이 많이 있다.
display는 값이 none으로 되어 있을 경우 해당 영역을 차지하지 않지만
visibility의 경우는 값이hidden으로 되어 있어 보이지 않더라도 같은 공간을 차지한다
visibility : 요소(포함하는 컨텐츠 ?)를 보여주느냐 보여주지 않느냐를 결정 하고,
block : 요소(포함하는 컨텐츠 ?)를 inline으로 할건지 block으로 할건지 아예 없는 요소(none)로 할건지를 결정한다.
즉 visibility는 그 요소가 점유하고 있는 공간은 유지한채 show/hide만 결정하는 것이고
block은 show/hide의 결정이 아닌 그 요소가 점유하고 있는 공간의 존재 여부를 결정하는 것이다.
display나 visibility 모두 IE, FireFox, NN에 공통으로 적용되는 속성이기 때문에 이상없이 사용이 가능하다.
예: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/display.htm
'Dev > Script' 카테고리의 다른 글
| [자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩) (0) | 2009/04/22 |
|---|---|
| XMLHTTP의 속성과 메서드 (0) | 2008/12/22 |
| javascript visibility 스타일, display스타일 (0) | 2008/12/12 |
| javescript eval() 함수 (0) | 2008/12/12 |
| 최근 24시간 동안 새로 올라온 글이 new 이미지 표시메소드(ASP.NET 2.0) (0) | 2008/12/08 |
| offsetHeight, clientHeight, scrollHeight (0) | 2008/09/18 |
javescript eval() 함수javescript eval() 함수
Posted at 2008/12/12 13:51 | Posted in Dev/Scripteval()함수는 변수를 javascript의 함수처럼 쓰는 명령어 입니다.
즉.
str += "document.test.check"+i+".value";
위의 뜻은 변수명이 document.test.check1.value 형식으로 들어가는데...
이것을 함수처럼 쓸수는 없다는 뜻입니다.
그냥 저런 문자열이라는 뜻이죠.
결국 str을 alert시키면 document.test.check1.value이 출력되게 됩니다.
그리고
str += eval("document.test.check"+i+".value");
str에 함수이름들이 들어가 있는 겁니다.
그래서alert를 시키면 value가 1이나 2가 찍히게 되는 것이지요.
'Dev > Script' 카테고리의 다른 글
| [자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩) (0) | 2009/04/22 |
|---|---|
| XMLHTTP의 속성과 메서드 (0) | 2008/12/22 |
| javascript visibility 스타일, display스타일 (0) | 2008/12/12 |
| javescript eval() 함수 (0) | 2008/12/12 |
| 최근 24시간 동안 새로 올라온 글이 new 이미지 표시메소드(ASP.NET 2.0) (0) | 2008/12/08 |
| offsetHeight, clientHeight, scrollHeight (0) | 2008/09/18 |
최근 24시간 동안 새로 올라온 글이 new 이미지 표시메소드(ASP.NET 2.0)최근 24시간 동안 새로 올라온 글이 new 이미지 표시메소드(ASP.NET 2.0)
Posted at 2008/12/08 13:09 | Posted in Dev/Script// aspx 페이지에서 메소드를 사용하려면...
2.0에서 새로 추가된 이미지 컨트롤입니다.
Visible 속성은 화면에 랜더링할지 않할지 정하는 속성입니다.
이속성에 값을 데이터 바인딩식으로 해서...
<%# Board.newPost(Eval("WriterDate").ToString()) %>
Board는 newPost()메소드가 포함된 클래스입니다 .
2.0에서는 1.x버전때와는 달리 바인딩식이 아주 간단하고 쉬어졌습니다.
1.x : <%# DataBinder.Eval(Container, "DataItem.au_id") %>
<%# DataBinder.Eval(Container. DataItem,"au_id") %>
2.0 : Eval("WriterDate").
aspx에서 호출할때는 매개변수(파라미터) 데이터 타입은 오브젝트(object) 형입니다.
// Visible 속성의 value값을 true/false 값을 얻기위해서는
// 항상 함수의 리턴형을 bool형으로 해야한다.
public static bool newPost(object objDate)
{
// object형을 문자열형으로 형변환을 해줍니다.
string strDate = (string)objDate;
// 그다음 시간연산을 하기위해서 다시 DateTime 날짜형으로 바꿔준다음..
DateTime orginDate = DateTime.Parse(strDate);
// TimeSpan 시간간격을 구할수 있는 구조체입니다.
TimeSpan gap = DateTime.Now - orginDate;
// 시간차이를 구한것을 분으로 환산하여.. 결과를 리턴합니다.
if (gap.TotalMinutes < 1440)
return true;
else
return false;
}
'Dev > Script' 카테고리의 다른 글
| [자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩) (0) | 2009/04/22 |
|---|---|
| XMLHTTP의 속성과 메서드 (0) | 2008/12/22 |
| javascript visibility 스타일, display스타일 (0) | 2008/12/12 |
| javescript eval() 함수 (0) | 2008/12/12 |
| 최근 24시간 동안 새로 올라온 글이 new 이미지 표시메소드(ASP.NET 2.0) (0) | 2008/12/08 |
| offsetHeight, clientHeight, scrollHeight (0) | 2008/09/18 |
offsetHeight, clientHeight, scrollHeightoffsetHeight, clientHeight, scrollHeight
Posted at 2008/09/18 09:49 | Posted in Dev/ScriptoffsetHeight offsetWidth 값은 그 객체를 포함하고 있는 상위객체의 레이아웃 또는 좌표와 관련된 높이와 폭의 값입니다.
이와 관련하여 clientHeight 과 clientWidth 값이 있습니다. 이는 실제 웹페이지에 접속한 사용자가 가시적으로 보는 높이와 폭의 값입니다.
이에 대한 비교자료를 링크걸어 놓을테니 이를 통해 두개의 차이를 확인 하시기 바랍니다.
'Dev > Script' 카테고리의 다른 글
| [자바스크립트] 특수문자 포함 값 전송시 (인코딩/디코딩) (0) | 2009/04/22 |
|---|---|
| XMLHTTP의 속성과 메서드 (0) | 2008/12/22 |
| javascript visibility 스타일, display스타일 (0) | 2008/12/12 |
| javescript eval() 함수 (0) | 2008/12/12 |
| 최근 24시간 동안 새로 올라온 글이 new 이미지 표시메소드(ASP.NET 2.0) (0) | 2008/12/08 |
| offsetHeight, clientHeight, scrollHeight (0) | 2008/09/18 |

