반응형

Web/Javascript 52

[javascript] 정규식을 이용한 숫자만, 소수점 이하 제거 추출하기

현재 정수형과 자연수 형의 값을 뽑아내는 정규식 숫자만 추출하는 정규식 (소수점 포함) 문자와 숫자가 포함된 형식에서 숫자만 추출하는 정규식 예제 입니다. > console.log( '-10.2em'.replace(/[^-\.0-9]/g,'') ); -10.2 자연수형의 정규식 (소수점 제거) 문자와 숫자가 포함된 형식에서 자연수(소수점 제거)만 추출하는 정규식 예제 입니다. > console.log( parseInt('-10.2em',10) ); -10 참고: 자바스크립트 정규식을 이용한 숫자, 한글 체크 : http://ji80903.tistory.com/306 자바스크립트 Number()와 parserInt(,) : http://hym77.kr/blog/?p=100 [추가: 소수점 자르기] 숫자의 ..

Web/Javascript 2013.10.31

javascript로 css class 내용 바꾸기

기본 형식의 clss내용 바꾸기는 className으로 처리한다. javascript를 통해서, css의 class의 내용을 변경하는 방법입니다.document.getElementById('tab1').className = "ewu tabBtn tabOn"; javascript를 통해서, style.disply처리document.getElementById('table1').style.display = "block";document.getElementById('table2').style.display = "none"; CSS 클래스 addClass 처리하기출처: [자바스크립트] jquery 없이 DOM의 CSS 클래스 addClass, toggleClass, removeClass 구현하기 addClass ..

Web/Javascript 2013.10.24

jquery 의 innerHeight()함수 높이 HTML document 부분만

현재 $(window).innerHeight()를 사용하면, 사이즈가 틀리게 나온다. 그건 bookmark등의 높이가 height값에 제외해서 그렇다고 한다. $(window).height(); // returns height of browser viewport $(document).height(); // returns height of HTML document 다음과 같이 height값은 document를 사용하면 된다. 참고: http://stackoverflow.com/questions/3791049/javascript-jquery-how-do-i-get-the-inner-window-height

Web/Javascript 2013.10.01

IE전용 document.all(id또는 index no)와 event.srcElement와 sourceIndex

javascript에서 사용되는 all, event.srcElement, sourceIndex 등은 오직 IE에서 지원되는 속성이다. MSDN all property 내용 [ document.all() 대처법 ] document.all(변수) 변수로 "id", "name", "객체 순서 번호"가 올 수 있다. 현재 "id"와 같은 경우는 다음과 같이 수정은 할 수 있다."name"과 "객체 순서 번호"는 찾을 수 가 없었다. Mozilla 한국 커뮤니티 • 글 보기 - document.all 문제 해결법document.all[objectID] -> document.getElementById("objectID")function getObject(objectId) { // checkW3C DOM, then ..

Web/Javascript 2013.09.25

[펌]Cross domain JSON 원리

출처 : http://greatkim91.tistory.com/109 현재 페이지의 스크립트에서 다른 서버로 Ajax 호출을 시도하는 것은 허용되지 않습니다. 이것을 cross domain JSON을 이용하여 해결할 수 있는데 다음 URL에서 cross domain JSON을 이용한 원격 호출 방법과 간단한 JavaScript 유틸리티를 제시합니다.http://www.xml.com/pub/a/2005/12/21/json-dynamic-script-tag.html 그럼 어떻게 JSON을 이용하여 다른 서버의 서비스를 호출할 수 있는지 살펴보겠습니다. 원리를 알면 쉽게 나에게 적합한 유틸리티를 만들수 있을 겁니다. 스크립트 태그 다음은 스크립트 태그입니다. 보통 아래와 같이 사용합니다. test.jsaler..

Web/Javascript 2013.07.25

[jquery] $(this) selector and child element?

현재 $(this)의 자식 객체 선택하기일 때에, div태그를 클릭 할 때,img 객체를 seletor하고 싶을 때, 방법 1)jQuery("img", this);방법 2)jQuery(this).find("img");방법 3)jQuery(this).children("img"); 가장 좋은 방법으로는 "방법 1)"이 맘에 든다. jQuery(자식객체, 부모객체) 방법 1 예제 > div을 클릭하면, img의 src값이 alert 창으로 뜬다. 참조: http://stackoverflow.com/questions/306583/this-selector-and-children

Web/Javascript 2013.06.12

javascript 디버깅

자바스크립트에서는 저것을 하기 위해서 일반적으로 개발하면서는 alert() 을 많이 사용한다. 근데 콘솔창을 통해서 로그를 찍는 메소드가 있다는걸 알고 있는가? console 이라는 객체인데 익스플로어, 파이어폭스, 사파리, 크롬, 오페라에서 사용가능한 기능이다. [사용방법] console.log("로그 내용"); 이렇게 작성하면 console 창에 메시지가 찍힌다. ※ 각 브라우저별 콘솔창 활성화 방법 : http://blog.naver.com/loudon23/30088663513 주의! 한가지 알아 둘 점은 IE의 경우 개발자툴(콘솔창)이 활성화 안되어 있으면 아래와 같이 스크립트 오류가 뜬다. console.log() 에 들어가는 인자는 다음과 같은 형식도 된다 console.log("변수 a=",..

Web/Javascript 2012.06.22

c:\fakepath\ 파일 업로드시 생기는 문제

fakepath 관련 이슈 참고 출처: [IE8] 파일업로드 콘트롤 사용시 fakepath문제 IE8 사용시 파일콘트롤을 사용하면 실제 선택된 파일경로와 얻어낸 경로가 다를겁니다. fakepath 뭐시깽이 라고...... ie8 보안상 실 경로를 노출하지 않는다고 하네요. 뭐~ 이런 저런 편법이 난무하겠지만.. 개발자 입장에서는 여간 손이 많이 가는게 아니네요. 해결방법은 1.IE 도구 2.인터넷 옵션 -> 보안 -> 사용자 지정 수준 3.파일을 서버에 업로드할 때 로컬 디렉터리 경로 포함 을 [사용]으로 체크하세요. 프로그램적인 방법으로는 아래의 부분을 사용하시면 됩니다. (예시) 업로드 참조: The image uploader shows “fakepath” as path when using $("#f..

Web/Javascript 2011.06.02

jquery 를 이용한, onload 처리효과

일단 jQuery의 기본 셀렉트 개념을 이해하시고 시작하면 아래 예제를 이해하는데 많은 도움이 됩니다. 아래주소는 TAEYO.NET 의 태요님의 기본 셀렉트 강좌입니다. http://www.taeyo.pe.kr/Columns/View.aspx?SEQ=354&PSEQ=29&IDX=1 주소출처 : http://www.taeyo.pe.kr/ 아래는 jQuery를 이용한 onload 효과를 주는 방법입니다. jQuery를 이용해 아래와 같이 onload 효과를 줄수 있습니다. 기본적인 구조는 다음과 같습니다. $(document).ready(function(){ alert('테스트'); }); 위와 같은 코드는 아래와 같이 간소화가 가능합니다. $(function(){ alert(테스트); }); 위의 코드는 ..

Web/Javascript 2010.12.08

input 박스 enter 쳤을때, 처리하기 + 숫자만 입력 받기

에 엔터키를 이벤트 처리를 위해 onkeypress="return enterKey(event);" DHTML 이벤트를 추가한다. 해당 function에서 e.keyCode==13일때 함수 처리 출처: http://mystria.egloos.com/3998558 또다른 간단한 소스 태그에 숫자만 입력하기전화 번화 값 (949) 333-4444을 복붙하면, 9493334444로 입력이 됩니다. 참고: https://stackoverflow.com/questions/9626741/catch-input-earlier-than-onchange-and-preferably-only-numbersYou can limit the input to only numbers using a regular expression://..

Web/Javascript 2010.12.07

[jQuery] iframe 상위의 객체 선택하기(SELECT)

jQuery를 이용해서, 팝업창의 iframe에서, 상위(parent)의 객체값 가져오기 [일반적인 javascript] window.parent.document.getElementById('parentPrice').innerHTML [ jQuery를 사용할때 ] $('#parentPrice', window.parent.document).html(); 객체 id명을 셀렉트해서 해당 html값을 가져오네요. 참고: http://stackoverflow.com/questions/726816/how-to-write-this-in-jquery-window-parent-document-getelementbyidparentprice

Web/Javascript 2010.11.23

자바스크립트 현재페이지 다시읽기(reload)

출처: http://byseob.textcube.com/207 현재 웹페이지를 다시 읽어오는 것이다. 일반적인 다시 읽기 window.location.reload(); 이렇게 하면 컴퓨터의 캐쉬에서 우선 파일을 찾아봅니다. 없으면 서버에서 받아옵니다. 적극적인 다시 읽기 window.location.reload(true); true 라는 파라미터를 입력하면, 무조건 서버에서 직접 파일을 가져 오게 됩니다. 캐쉬는 완전히 무시됩니다. 소극적인 다시 읽기 history.go(0); 이렇게 하면, 캐쉬에서 현재 페이지의 파일들을 항상 우선적으로 찾습니다. Location reload() Method Reload the current document;location.reload(); Syntaxlocation,..

Web/Javascript 2010.06.14
1 2
반응형