logo

한국어
글 수 45
번호
제목
글쓴이
45 jQuery mouseenter vs mouseover 차이점
홈지기
2015-06-22 674
Mouse Event에 관한 스크립트를 사용할 때 Event의 효과는 비슷하지만 해당 Event에는 차이가 있기 때문에 정확히 구분해서 사용하는 것이 효과적이다. mouseover : 마우스가 엘리먼트 위에 위치할 때 mouseout : 마우스가 엘리먼트를 떠날때 mouseenter : 마...  
44 자바스크립트 날짜 얻기, 날짜 빼기, 과거날짜
홈지기
2015-03-24 1221
현재시간의 3개월전의 날짜를 얻고 싶을때... var today = new Date(); var resultDate = ""; resultDate = new Date(Date.parse(today) - 90 * 1000 * 60 * 60 * 24); console.log(resultDate); var stryyyy = resultDate.getFullYear(); var strmm = resultD...  
43 HTML5의 표준 WebSocket(웹소켓)과 현재의 새로운 대안 Socket.IO (소켓.IO) 에 대해
홈지기
2015-01-24 1549
웹소켓은 HTML5의 표준의 일부로 웹브라우저에서도 실시간 채팅같은 서비스를 만들수 있게 되었습니다. 그러나, HTML5의 웹소켓은 어떤 브라우저는 지원하기도, 지원하지 않기도하고 있죠... 브라우저별 웹소켓 지원여부 참고) http://caniuse.com/#feat=webso...  
42 Stop Chrome Caching My JS Files (크롬 js 캐시되지 않게..)
홈지기
2015-01-19 1308
크롬에서 개발시 js, css등 캐시타지 않게 작업하면 편리하죠.. 개발자 도구의 설정에 가시면, Disable cache (while DevTools is open) 을 체크하시면 편리합니다. 출처) http://stackoverflow.com/questions/8392441/stop-chrome-caching-my-js-files  
41 Query String Modification and Creation for jQuery
홈지기
2015-01-19 1230
jQuery, Query String 플러그인 QueryString 을 편리하게 가져오고, 셋팅할 수 있는 플러그인.... var url = location.search; > "?action=view§ion=info&id=123&debug&testy[]=true&testy[]=false&testy[]" var section = $.query.get('s...  
40 자바스크립트 객체지향형으로 접근하기
홈지기
2014-12-21 1861
자바스크립트를 객체지향형으로 접근해보자... 변수하나에 속성과 메소드를 집합으로 구성 후 접근할 수 있다.. 장점이라면... 기능을 분리할 수 있고, 함수나 변수이름을 고유하게 만들어 충돌을 회피할 수 있습니다. var array = ['A', 'B', 'C', 'D']; // ...  
39 jQuery :eq() Selector
홈지기
2014-12-17 1781
선택된 elements의 인덱스 N의 요소를 선택합니다. jQuery( ":eq(index)" ) <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>eq demo</title> <script src="//code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <table bor...  
38 jQuery 기반 멀티 셀렉트 박스 연속 데이터 채우기 플러그인
홈지기
2014-12-16 2224
Chained Selects Plugin for jQuery and Zepto 코드바인딩 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.chained.remote.min.js"></script> 셀렉트 박스 정의 <select id="mark" name="mark"> <...  
37 jQuery에 trigger() 예제
홈지기
2014-12-16 1877
특정 이벤트 유형에 대해 선택된 요소에 연결된 모든 핸들러와 동작(behavior)을 실행합니다. .trigger( eventType [, extraParameters ] ) eventType JavaScript 이벤트 타입을 표현하는 문자열, click 또는 submit extraParameters 이벤트 핸들러에 전달할 ...  
36 선택된 요소만큼 루프, each()
홈지기
2014-12-15 1940
jQuery 객체 만큼 반복하고, 선택된 요소들에 함수를 실행합니다. .each( function(index, Element) ) function(index, Element) 선택된 요소에 실행될 함수 <ul> <li>foo</li> <li>bar</li> </ul> $('li').each(function(index) { alert(index + ': ' + $(thi...  
35 jQuery serialize(), 폼 요소 집합을 인코딩
홈지기
2014-12-15 2023
jQuery를 통해 form값을 넘길때.. 하나하나 요소를 넘기기 보다, 요소 전체값을 넘길때 직렬화 시킵니다. <form> <div><input type="text" name="a" value="1" id="a" /></div> <div><input type="text" name="b" value="2" id="b" /></div> <div><input type=...  
34 .attr()과 .prop()는 무었이 다른가?
홈지기
2014-11-25 2311
.attr()과 .prop()는 무었이 다른가?.attr()는HTML의속성을 취급 .prop()는JavaScript프로파티을 취급 양쪽은 같은 이름에서 다른게 있다. 이 두개의 메소드는 취급하는 정보가 다릅니다. .attr()는HTML의 속석(attribute)을、 .prop()는 JavaScript의 프로파...  
33 이미지 로딩 실패시.. 디폴트 이미지 처리방법 1
홈지기
2014-09-15 4614
이미지 엑박일때, 처리는 다음과 같이 하죠.. <img alt="" src="이미지.png" onError="javascript:this.src='Images/변경될이미지.png'" /> 그런데, 서버단에서 이미지가 없을때, 디폴트 이미지를 뿌려주는 경우, 방법은 클라이언트단에서 이미지 사이지를 구...  
32 날짜 유효성 체크 (윤년/윤달체크)
홈지기
2013-12-03 17232
실제 날짜가 유효한지 체크하는 스크립트입니다. 윤년/윤달 체크가 포함되어있어, 실제 날짜가 DB에 들어갈때, 에러를 사전에 체크할수 있겠네요.. <script type="text/javascript"> <!-- //날짜 유효성검사 if ( !isValidDate('2014-11-31') ) { alert('에러'...  
31 jQuery 기본예제
홈지기
2013-07-14 16259
jQuery는 HTML/CSS, Javascript와 Ajax를 사용하는데 있어 필수적 JavaScript 경량 라이브러리입니다. 예전에는 Prototype과 jQuery가 양분하고 있었는데, 자연스럽게 jQuery로 넘어가 버렸죠... 현재는 모든 개발자, 퍼블리셔들이 jQuery를 이용한다고 보면 ...  
30 I.E에서도 blink 태그 적용시키기
홈지기
2013-07-04 10306
<SCRIPT LANGUAGE="JavaScript"> <!-- function doBlink() { var blink = document.all.tags("BLINK") for (var i=0; i < blink.length; i++) blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" } function startBlink() { if (...  
29 오른쪽 마우스 클릭할때 메뉴보이지 않게..
홈지기
2013-07-04 10841
html 바디 부분에 삽입만 하면 OK <body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">  
28 체크박스 전체 선택 (심플형)
홈지기
2013-07-04 11527
<script language="javascript"> <!-- function allcheck(flag) { var chk = 0; var form = document.apply_form; // form name ~~ ☆ for (i =0; i < form.elements.length; i++){ if (form.elements[i].type == 'checkbox'){ if (chk == 0) { if (form.elemen...  
27 특정 Input Tag 다음 객체로 자동탭 기능
홈지기
2013-07-04 13008
// programming by il-kyu // Javascript for 주민등록번호 자동탭 function vl_next_focus(obj, vl) { var next, i; for(i=0; i < document.form1.elements.length; i++) { if(document.form1.elements[i].name == obj.name) next = i; } next=next+1; if (ob...  
26 특정문자열 체크
홈지기
2013-07-04 11313
function strCheck(x) { var check = 0; for(i=0 ; i < x.value.length; i++ ) { if (x.value.substring(i, i+1) == "," || x.value.substring(i, i+1) == "'" || x.value.substring(i, i+1) == "`"){ check = 1; } } return check; }