프로그램/jQuery/Javascript
-
jQuery Map을 이용해 checkbox 체크된 값 한번에 가져오기프로그램/jQuery/Javascript 2017. 8. 24. 08:00
jQuery Map을 이용해 checkbox 체크된 값 한번에 가져오기Map이란 jQuery API를 확인해보면[배열의 모든 요소(items)를 새로운 배열 요소로 변경] 한다고 나와있다뭐 그냥 간단하게 함수를 만들어 특정 오브젝트를 셀렉트 해와서 그 값을 다시 주무르고 뱉어주는 건데Java 배울땐 Map(collection)이 List 형의 집합으로써 key, value 로 데이터를 다루는 걸로 알고 있는데 뭐 비슷한 개념인거 같다 Callback 함수는 필수라고 한다Map을 설명하고자 하는건 아니고 이를 이용해 checkbox의 checked된 값을 배열로 뱉어주도록 해주는 건데딱 한줄이면 된다뭐 checked 된 값 가져오는건 정말 많고 많지만 이렇게 써 놓으면 좀 있어 보이는건 사실이다 1 2 3..
-
jQuery vortex 플러그인을 이용해 만든 다이얼기능프로그램/jQuery/Javascript 2017. 8. 23. 10:04
jQuery vortex 플러그인을 이용해 만든 다이얼기능 Flash의 비중이 계속 사라지고 있는 요즘진보되고 있는 CSS도 CSS3, HTML5의 발전으로 인해 이젠 간단한 애니메이션 정도는 누구나 다 할 수 있게 된거 같다프론트앤드에서 jQuery는 없어선 안될 존재가 되어버렸다난 상위 1%의 개발자가 아니기 때문에 누군가 잘 만들어 놓은 플러그인을 가져다 잘 활용해 만드는 응용프로그래머 이기 때문에하나의 프로젝트를 위해 오늘도 난 구글신에게 상위1%가 만든 플러그인좀 주이소 하고 빌게 되었다 vortext라는 플러그인은 아래 첨부된 파일을 받으면 된다 이 플러그인은 내가 굳이 머리를 쥐어 짜가며 만들지 않아도 아주 잘 만들어 놓은 플러그인이다기능은 수학의 삼각함수(sin,cos,tan)를 이용해 객..
-
[jQuery+CSS]꾸밀수 있는 tab 만들기 예제프로그램/jQuery/Javascript 2013. 11. 5. 15:55
jQuery+css 를 활용하여 tab 만들기 예제 위와같은 tab를 jQuery와 css를 이용하여 만드는 방법 입니다. 뭐 jQuery 플러그인을 활용하여 tabs를 하면 아주 손쉽게 적용 할 수 있습니다만. css를 수정하려면 많은 손이 필요하여 그와 비슷한 기능을 찾던중 좋은 방법이 있어 포스팅 하게 되었습니다. 소스 분석은 그리 어렵지 않습니다. 방법? jQuery의 tabs와 같이 상단 탭의 href 와 그 해당 영역과 같도록 id를 맞춰주면 됩니다. css ul.tab { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #9..
-
[javascript]윈도우오픈 함수 <window.open>프로그램/jQuery/Javascript 2013. 9. 23. 23:33
자바스크립트 윈도우 오픈 함수 입니다. 자바스크립트의 국민 기능 이죠? window.open 이 기능이 없으면 안됩니다. 뭐 요즘 다이얼로그(dialog)를 div를 활용하여 동적으로 띄우기는 하지만, 아직 전 고전적인 윈도우 오픈을 사용하는 것을 좋아합니다. 아래 함수는 그 함수 이니 본인의 입맛에 맞춰 사용 하면 될거 같습니다. var wopen = null; var fnOpenWindow = function(mode, dept_code) { var url = "main.asp"; var params = "?mode=" + mode; if (dept_code != undefined) { params += "&dept_code=" + dept_code; } if (wopen != null) { wope..
-
[javascript]자바스크립트 쿠키 함수 <cookie function>프로그램/jQuery/Javascript 2013. 9. 21. 00:44
[javascript cookie] 자바스크립트 쿠키 함수 입니다. 자바스크립트용 쿠키 함수 입니다. 운영중인 사이트가 사용자가 급격히 늘어 세션 -> 쿠키로 변경 했던 사례가 있었는데요. 쿠키는 정말 사용 할 곳이 많이 있는 거 같네요. jQuery를 활용 한다면 따로 함수를 넣지 않아도 되겠지만. 네이티브만 써야 하는 환경에선 필요 할거 같아 올립니다. 사용방법은 따로 필요 없을 듯 합니다. 인자값 맞춰서 잘 넣어주면 됩니다. var getCookie = function( name ){ var nameOfCookie = name + "="; var x = 0; while ( x
-
[jQuery/javascript]자바스크립트 각종 이벤트 총 기능 정리프로그램/jQuery/Javascript 2013. 9. 21. 00:38
자바스크립트 각종 이벤트 기능 정리 입니다. jQuery를 사용 하는 추세가 javascript 네이티브 문법은 거의 사용을 안하게 되는데요. 하지만, 꼭 javascript로만 사용 할 수밖에 없는 이벤트들이 있네요. 예를 들어 이런 이벤트는 네이티브를 꼭 써야만 하겠죠? 앞으로는 서버 언어보다는 자바스크립트 위주로 공부를 계속 해야겠네요. onabort 이미지의 다운로드를 중지할 때 (브라우저의 중지버튼) onactivate 개체가 활성화될 때 발생 (태그의 기능이 작용할 때 발생하는 이벤트로 예를 들어 링크를 누를 경우 링크가 옮겨질때 발생하는 것을 감지하는 이벤트 핸들러) onafterprint 문서가 출력되거나 혹은 출력하기 위해 출력미리보기를 한 후에 발생 onafterupdate 데이터영역 ..
-
[jQuery]커스텀이벤트(사용자정의 이벤트) 만들기프로그램/jQuery/Javascript 2013. 9. 15. 23:59
커스텀이벤트 사용하는 방법 입니다. 이벤트 가 아주 많죠? click,hover,blur 등등 이벤트가 있지만 이 이벤트를 직접 만드는 방법을 보여 드리겠습니다. 사용방법은 다양 할거 같은데요.. 뭐 예를들어 특정 문자열에 click 이벤트를 주면서 동시에 내가 만든 커스텀 이벤트도 넣고 싶을때 사용하면 좋을거 같은데요. 소스 예제로 보여드리겠습니다. $(document).ready(function(){ var count = 0; $('p').click(function(){ $('p').trigger('myCustomEvent'); }); $('p').live('myCustomEvent',function(event){ alert("die"); }); });