[출처] css float |작성자 성아에미 엘리먼트에 float 속성을 주면 배치가 어떻게 되는지 그림으로 그려봤습니다. float 속성을 주게 되면 그 엘리먼트는 공중으로 떠오르고? 나머지 엘리먼트들이 공중부양된 엘리먼트가 없었던 듯이 배열됩니다. 떠오른 엘리먼트 아래 자리잡은 엘리먼트 안의 컨텐츠는 떠오른 엘리먼트의 그늘을 피해 흐릅니다. 만약 그 아래 연두색 부분까지 파란 엘리먼트에 가려지면 안되는 상황이라면 연두색 엘리먼트에 clear 속성을… Read More »
[출처] Window객체 – 메소드 – setTimeout/clearTimeout|작성자 꿈의인생 setTimeout 메소드는 일정한 간격으로 함수를 호출하여 수행할 수 있게 해준다. clearTimeout메소드는 setTimeout메소드에 의해 일정한 간격으로 수행하는 함수를 중지하기 위해 사용된다. – 형식 – 변수 = setTimeout(호출함수, 간격) clearTimeout(변수) → [호출함수]는 사용자가 임의로 만든 함수 → [간격]은 일정한 간격으로 호출되는 시간을 설정한다.(1000 = 1초) → [변수]는 setTimeout과 clearTimeout… Read More »
for ~ in 구문은 객체의 속성을 나열할때 사용합니다. for (var prop in myRectangle) { //myRectangle 객체의 속성만큼 루프를 돌게됩니다. document.write(myRectangle[prop]+”<br>”); //myRectangle의 속성을 출력합니다. } //여기서 prop는 for (i=0;i<10;i++){} 이런구문의 i와 마찬가지로 별의미 없습니다. key인거죠. //prop 대신에 prop1, prop2 등 아무거나 와도 됩니다.
* 개요 typeof 연산자는 형식 정보를 문자열로 반환합니다. typeof는 “number”, “string”, “boolean”, “object”, “function”, “undefined”라는 6가지 형식을 반환할 수 있습니다. 선택적인 요소로 typeof 구문에 괄호를 사용할 수도 있습니다. * 용법 if( typeof ‘abc’ == ‘string’ ){…} //괄호 사용 안함 if( typeof(‘abc’) == ‘string’ ){…} //괄호 사용… Read More »
[출처] 자바스크립트의 instatnceof|작성자 구나미 자바스크립트에서 instanceof의 사용법…. 만약 Array같은 객체의 인덱스를 숫자로 주지 않고 String의 값으로 준다면 리스트.length가 먹히지 않는다. 이럴때 instanceof를 사용하면 무척이나 유용하다. 아래와 같은 방법으로 사용하도록 하라… for(var i in 리스트) { if ( 리스트[i] instanceof Array ) { alert(리스트[i]); } }
//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 »
http://techbug.tistory.com/100
[출처] 자바스크립트 객체지향 (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 »
출처 : Tong – missle0님의 JavaScript통 style.left, style.top은 문서전체의 좌측상단을 기준으로 측정된 좌표값이고 event.clientX, event.clientY는 브라우저 클라이언트 영역의 좌측상단을 기준으로 측정된 좌표입니다. 스크롤이 되지 않은 상태에선 같은 값을 가지게 되지만, 스크롤이 된 상태라면 좌표값이 스크롤 된 양에 따라 달라집니다. 이를 일치시키려면 클라이언트 좌표에 스크롤 된 양을 더해서 계산에 포함시켜야 합니다. document.getElementById(obj).style.left = event.clientX + document.body.scrollLeft… Read More »
[출처] 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|작성자 심진 pageYOffset : 현재 페이지의 보이는 윈도우 상에서 왼쪽 맨 모서리의 Y 위치을 반환한다. Explorer 에서는 scrollTop 를 사용한다. 브라우저의 종류에 따라서 다음과 같이 위치를 조절할 수 있다. if(IE) { diffY = document.body.scrollTop; diffX = 0; } if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
– 출처 : http://blog.naver.com/valvestudio/20047687906 –
[출처] DL,DT,DL 태그|작성자 한사람 <DL> 은 정의목록에서 정의문으로 설정될 텍스트를 나타냄 <DT> 는 정의목록에서 용어 부분.. <DD> 는 용어에 대한 목록이나 설명 부분.. ex) <DL> <DT>제1조</DT> <DD>남자는 여자를 사랑한다.</DD> <DT>제2조</DT> <DD>여자는 남자를 사랑한다.</DD> </DL> 이라고 입력하면 제1조 남자는 여자를 사랑한다 제2조 여자는 남자를 사랑한다
JSON 소개
– 출처 : 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 »
1. 시스템에 등록되어 있는 클래스패스중 쓸모없는 부분을 제거한다. 2. 위에서 구분이 명확하지 않을 경우 그냥 시스템의 클래스패스를 삭제한다. – 출처 : forums.sun.com –
– 출처 : 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 »
Web Hacking 1탄 SQL Injection Web Hacking 2탄 파일조작 Web Hacking 3탄 구멍난 자바스크립트
– 출처 : 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 type=”text” style=”ime-mode:disabled”/>
