본문 바로가기

Front-end

HTML+CSS: Can I fixed div element position when the size change? ![first position. When I try to resize(by the red point)][1] ![It is moving while dragging(change size)][2]but When the element(ruler) is horizontal mode. it works fine.please help me T_There is part of the sourceruler.css({ width: e.pageY -ruler.offset().top });full source is here.$.event.add( document, "mousemove", function(e){ e.stopPropagation(e); if(ruler_resize_active) { console.log(".rule..
HTML5 - HTML5 Canvas 를 활용한 다양한 라이브러리를 소개하는 사이트 아래의 사이트에서 HTML5 에서 새롭게 선보인 CANVAS 라는 객체를 제어하는 다양한 라이브러리를 찾으실 수 있습니다. 출처: http://www.softr.li/blog/2012/06/20/which-html5-canvas-javascript-library-should-i-use Canvas 를 사용한 라이브러리 목록입니다.CAATEaselJSFabric.jsGuryJcanvaScriptKinetic.jsoCanvasPaper.jsprocessing.jsGithub 에서 찾은 기타 라이브러리 입니다.cakejsDoodle-jsCanvasToolkitMootools Canvas lib
JavaScript - 이벤트 키 코드 자바스크립트 - 이벤트 키 코드 onKeyDown, onKeyPress, onKeyUp 등에서 사용가능한 스크립트 입니다. 텍스트 입력 상자 등에서 사용가능하겠습니다. 사용예제 스크립트 함수 keyControl() 안에서는 키 코드 값은 다음과 같습니다. Key code 정리 8 9 12 13 16 17 18 19 20 27 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 144 문자키 65 A 66 B 67 C 68 D 69 E 70 F 71 G 72 H 73 I 74 J 75 K 76 L 77 M 78 N 79 O 80 P 81 Q 82 R 83 S 84 T 85 U 86 V 87 W 88 X 89 Y 90 Z '0'부터 '9' 48 0 키 49 1 키 50 2 ..
JavaScript - Confirm 메소드 활용하기 자바스크립트 CONFIRM 활용하기idcon = confirm('해당 아이디를 사용하시겠습니까');if (idcon == true){window.close();}else if(d0cument.chk_ID_FORM.txt_OK_ID.value == ""){alert('아이디 중복검사를 먼저 해주세요');d0cument.chk_ID_FORM.txt_CHKTRY_ID.focus();}대충 위와 같이 사용이 가능합니다. 아휴 힘들다 -_ㅠ그리고 다른 방법.. 자바에서 JSP로 뿌릴때는...PrintWriter out = response.getWriter();out.println("");out.close();이렇게 써도 되용 -_ㅠ
JavaScript - 이클립스에서 JavaScript 한글 저장 문제 이클립스에서 .js(자바스크립트 소스 파일)에서 한글 저장시 문제 해결▣ 이클립스에서 .js 파일을 작성하면서 한글을 사용할 때, 한글이 저장되지 않는 문제가 발생합니다.아래와 같이 해결할 수 있습니다.메뉴->Windows->Preference->General->Content Types->Text->JavaScript Source File의 Default Encoding을UTF-8로 하시고 UPDATE 누른 후에 확인 이클립스 버전에 따라서, JavaScript 라고 된 것도 있고, 위와 같이 Java Script Source File 이라고 된 것도 있습니다.
JavaScript - isNaN ? isNaN 메서드어떤 값이 예약값인 NaN(숫자 아님)인지 여부를 나타내는 부울값을 반환합니다.isNaN(numValue)필수적인 numValue 인수는 NaN 여부를 테스트하기 위한 값입니다.참고isNaN 함수는 값이 NaN이면 true를, 그렇지 않으면 false를 반환합니다. 이 함수는 보통 parseInt와 parseFloat 메서드의 반환값 테스트에 사용합니다.다른 방법으로, 변수를 자신과 비교할 수도 있습니다. 비교 결과값이 서로 같지 않으면 NaN입니다. 자신과 같지 않은 값은 NaN 뿐이기 때문입니다.[예제] isNaNif(!isNaN(pass)){//비밀번호를 숫자로만 입력할 수 없습니다.c_com.Msg.showMsg("95061");return;}
JavaScript - 로딩바 ================================div 를 접목시킨 로딩바================================어렵............................................/** STYLE 부분 **//** 스크립트 부분 **/// 지연시간을 설정(초)var duration = 0.8;//var req_page = "";//alert(req_page);function postaction() {// 로딩바를 보여준 후 이동할 페이지d0cument.getElementById('baranchor').style.visibility="hidden";//alert("loading_bar _ Hidden");d0cument.getElementById('main_Con..
jSon - Begin JSON(제이슨,JavaScript Object Notation)은, 인터넷에서 자료를 주고받을 때 그 자료를 표현하는 방법이다.자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는 데 적합하다.그 형식은 자바스크립트의 구문 형식을 따르지만, 프로그래밍 언어나 플랫폼에 독립적이므로 C, C++, C#, 자바, 자바스크립트, 펄, 파이썬 등 많은 언어에서 이용할 수 있다.RFC 4627로 규격화되었다.출처 : http://ko.wikipedia.org/wiki/JSON