Category Archives: Lang

프로그래밍 언어

[자바스크립트] typeof 연산자

By | 6월 6, 2009

* 개요    typeof 연산자는 형식 정보를 문자열로 반환합니다.     typeof는 “number”, “string”, “boolean”, “object”, “function”, “undefined”라는 6가지 형식을 반환할 수 있습니다.    선택적인 요소로 typeof 구문에 괄호를 사용할 수도 있습니다. * 용법    if( typeof ‘abc’ == ‘string’ ){…}         //괄호 사용 안함    if( typeof(‘abc’) == ‘string’ ){…}        //괄호 사용… Read More »

[자바스크립트] instatnceof

By | 6월 6, 2009

[출처] 자바스크립트의 instatnceof|작성자 구나미 자바스크립트에서 instanceof의 사용법….  만약 Array같은 객체의 인덱스를 숫자로 주지 않고 String의 값으로 준다면 리스트.length가 먹히지 않는다. 이럴때 instanceof를 사용하면 무척이나 유용하다. 아래와 같은 방법으로 사용하도록 하라…   for(var i in 리스트) {     if ( 리스트[i] instanceof Array ) {         alert(리스트[i]);     } }  

[AJAX] 간단한 AJAX 호출 함수

By | 6월 4, 2009

//xmlHttp 객체 생성 function createHttp() {  try {   return new XMLHttpRequest();  }  catch (e) {   var objectNames = [“MSXML2.XMLHTTP.5.0”,     “MSXML2.XMLHTTP.4.0”, “MSXML2.XMLHTTP.3.0”,     “MSXML2.XMLHTTP”, “Microsoft.XMLHTTP”];   for (var i = 0; i < objectNames.length; i ++) {    try {     return new ActiveXObject(objectNames[i]);     break;    }    catch (e) {   … Read More »

자바스크립트 객체지향 (OOP)

By | 6월 2, 2009

[출처] 자바스크립트 객체지향 (OOP)|작성자 롤링 JSON (객체표기법(JavaScript Object Notation) 방식  <script type=”text/javascript” language=”javascript”> Book = {  title : “sample”  , chapter : {   title : “title01”   , page : “24”  },  chapter2 : {   title : “title02”   , page : “50”  } } Book.chapter.title = “change_title”; alert(Book.chapter.title); </script>   프로토타입(Prototype) 방식 <script type=”text/javascript” language=”javascript”> function… Read More »

event.clientX, event.clientY,style.left, style.top 팁

By | 6월 1, 2009

출처 : Tong – missle0님의 JavaScript통 style.left, style.top은 문서전체의 좌측상단을 기준으로 측정된 좌표값이고 event.clientX, event.clientY는 브라우저 클라이언트 영역의 좌측상단을 기준으로 측정된 좌표입니다. 스크롤이 되지 않은 상태에선 같은 값을 가지게 되지만, 스크롤이 된 상태라면 좌표값이 스크롤 된 양에 따라 달라집니다. 이를 일치시키려면 클라이언트 좌표에 스크롤 된 양을 더해서 계산에 포함시켜야 합니다.   document.getElementById(obj).style.left = event.clientX + document.body.scrollLeft… Read More »

스크롤 조작하기 (scroll, scrollto, scrollby, pagexoffset, pageyoffset)

By | 6월 1, 2009

[출처] Window > 창을 스크롤 (scroll, scrollto, scrollby, pagexoffset, pageyoffset)|작성자 nameless 지정 위치에 스크롤 : 창이름.scroll (x좌표, y좌표) 지정 위치에 스크롤 : 창이름.scrollto (x좌표, y좌표) 상대 위치에 스크롤 : 창이름.scrollby (x좌표, y좌표) 수평 방향의 옵셋 참조 : 창이름.pagexoffset (x좌표, y좌표) 수직 방향의 옵셋 참조 : 창이름.pageyoffset (x좌표, y좌표)   scrollby 메소드는 현재의 표시 시작 위치로부터… Read More »

[펌글] scrollTop, pageYOffset

By | 6월 1, 2009

[출처] scrollTop, pageYOffset|작성자 심진 pageYOffset : 현재 페이지의 보이는 윈도우 상에서 왼쪽 맨 모서리의 Y 위치을 반환한다. Explorer 에서는 scrollTop 를 사용한다.   브라우저의 종류에 따라서 다음과 같이 위치를 조절할 수 있다. if(IE) {      diffY = document.body.scrollTop;       diffX = 0;  }  if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }

[펌글] DL, DT, DD 태그

By | 5월 13, 2009

[출처] DL,DT,DL 태그|작성자 한사람 <DL> 은 정의목록에서 정의문으로 설정될 텍스트를 나타냄 <DT> 는 정의목록에서 용어 부분.. <DD> 는 용어에 대한 목록이나 설명 부분.. ex)  <DL>     <DT>제1조</DT>         <DD>남자는 여자를 사랑한다.</DD>     <DT>제2조</DT>         <DD>여자는 남자를 사랑한다.</DD> </DL> 이라고 입력하면    제1조        남자는 여자를 사랑한다 제2조        여자는 남자를 사랑한다  

[펌글][JSTL] functions

By | 5월 12, 2009

– 출처 : http://pupustory.tistory.com/175 – – 관련 링크 : http://ngweb.tistory.com/102 –   1. 선언 <%@ taglib prefix=”fn” uri=”http://java.sun.com/jsp/jstl/functions” %>   * 중요 * $(fn}안에선 ${}을 통한 변수 접근이 불가능 하다. 따라서 ${fn:substring(${requestScope.str},”yaho”)}는 반드시 ${fn:substring(requestScope.str,”yaho”)}로 사용해야 한다. 2. 용법 ${fn:substring(expression, start, end)} start에서 end까지의 인덱스만큼 문자를 가져온다. EL이므로 별도의 exception은 발생하지 않는다. 일반적으로 java로 사용 할 경우 “pupustory”.substring(1,50)는 문제가 발생 할 것이다. 하지만 여기선 없음 없는데로,… Read More »

[펌글] input type='text' 세로 가운데 정렬 (인풋박스 내의 텍스트 가운데 정렬)

By | 4월 17, 2009

– 출처 : http://jucheck.net/blog/21 – <input name=”이름” type=”text” style=”border:0 padding-top:2; text-align:center;” /> —————————————————————- justify 는 가로 정렬입니다. text-align 제가 알기로는 텍스트박스에서 세로 정렬은 없는걸로 알고 있습니다. 편법이 있다면 padding-top을 2~3 px정도 주시면 될듯하구요. ————————————————————- <input type=’text’ style=’text-align:center’> text-align:center는 가로 가운데 정렬입니다.  세로의 가운데 정렬은 어떻게 구현하는지.. text-valign:middle로 하니 안되는 군요… ^^;  —————————————————————- vertical-align 이라는 속성이 있긴… Read More »

자바스크립트(javascript) 천단위 콤마 처리 (3자리마다 콤마 처리)

By | 4월 10, 2009

– 출처 : http://www.mredkj.com/javascript/nfbasic.html –   * 문자열의 3자리마다 콤마를 추가해 주는 예제임과 동시에,  자바스크립트 정규식 치환의 좋은 예제이기도 하다. function addCommas(nStr){ nStr += ”; x = nStr.split(‘.’); x1 = x[0]; x2 = x.length > 1 ? ‘.’ + x[1] : ”; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, ‘$1’ + ‘,’ + ‘$2’); }… Read More »

input 태그에서 숫자만을 입력받도록 하는 방법

By | 4월 10, 2009

* 자바스크립트 펑션 function js_OnlyNumber(obj) {     sFilter=”[0-9]”;     if(sFilter)     {       var sKey=String.fromCharCode(event.keyCode);       var re=new RegExp(sFilter);       // Enter는 키검사를 하지 않는다.       if(event.keyCode !=9 && event.keyCode!=37 && event.keyCode!=39 && event.keyCode!=8         && event.keyCode!= 46 && event.keyCode!= 96 && event.keyCode != 97 && event.keyCode != 98         && event.keyCode!= 99… Read More »

ie6와 ie7에서의 팝업창 설정

By | 4월 10, 2009

[출처] ie6과 ie7에서의 팝업창 설정|작성자 테일 <script language=”JavaScript”> function preview() {     // IE6, IE7 구분 …     var ie7_flag = false;     ie7_flag = (window.navigator.userAgent.indexOf(“MSIE 7”) != -1);            if(ie7_flag)         {            if ( screen.width ) {                  window.moveTo( (screen.width-410)/2, (screen.height-255)/2 );… Read More »

[펌글] div 테두리, 배경색 지정하기

By | 4월 9, 2009

– 출처 : http://homepagego.tistory.com/31 – div 테두리, 배경색 지정하기. css 2009/03/28 14:50 div에 테두리와 배경식을 지정하면 더욱 멋진 웹 페이지를 만들 수 있다. <head> <style> #main{margin: 0 auto; width:600px; height:150px; background-color:#888888; border-left:1px solid #333333; border-right:1px solid #333333; float:left;} </style> </head> <div id=”main”>내용</div> style. background-color:#색상; – 배경색 지정. border-left:값px solid #색상; – 왼쪽 테두리 값과 색상 지정.… Read More »