[출처] 자바스크립트 객체지향 (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”/>
* 자바스크립트 펑션 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에서의 팝업창 설정|작성자 테일 <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 »
– 출처 : 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 »
IE7에서 작업을 하던 도중에, 모달을 띄울 때 모달 안의 내용이 넘쳐서 세로스크롤이 생기는 경우, 원치 않는 가로스크롤이 동시에 생기는 문제를 발견했다. (이 가로스크롤은 일종의 버그로, 세로스크롤의 폭 비슷하게 좁은 폭으로 생긴다.) 이에 직장 상사께서 고안해 내신 꽁수… 1. 모달을 띄울 때 스크롤바를 아예 없앤다. 모달 property 설정시 scroll : no 2. 모달의 <body> 안쪽을 모두 감싸는… Read More »
[출처] letter-spacing 활용하기|작성자 히카 『가입기간』은 그냥 이렇게 쓰고, 『<span style=”letter-spacing:2em”>연령</span>』 이렇게 하는 것이 내가 쓰는 방식이다.. 2글자가 들어가는 공간을 letter-spacing과 단위 em을 활용해 맞추면 간단하다~
var selectKey = document.getElementById(‘selectKey’); var selectValue = document.getElementById(‘selectValue’); if(selectKey.value == ‘buyId’){ if(selectValue.value.search(/^[0-9]*$/) == -1){ alert(“구매번호는 숫자만 입력하실 수 있습니다.”); selectValue.value = “”; return; } }else if(selectKey.value == ‘loginId’){ if(selectValue.value.search(/^[a-zA-Z]*$/) == -1){ alert(“구매자ID는 영문만 입력하실 수 있습니다.”); selectValue.value = “”; return; } }else if(selectKey.value == ‘custNm’){ //이 부분은 임의로 한글과 영문을 섞은 것인데, 이렇게 하는 게… Read More »
IE textarea에 줄바꿈 문자 넣기 ================== 아래 글은 예전에 퍼왔던 것임 ==================== 1. textarea로 입력된 글을 읽어오는 단계(JAVA)에서 개행 처리하기 html의 <textarea> 에 입력된 엔터값은 \r\n 이 붙어 있는 형식이며, 반드시 \r 이 먼저 있고 뒤에 \n 이 있으므로.. 따로따로 처리하기 보다는 개행관련 단어를 찾아서 한번에 바꿔주는 것이 효과적이다… 방법 : memo.replaceAll(“\r\n”, “<BR>”) [출처] java String 개행문자 <BR>로… Read More »
