IT의 신

jquery 를 사용한 룰렛 소스코드 해외 사이트가 있어서 소개합니다. http://dougtesting.net/ Home Welcome to the home of Winwheel.js! Winwheel.js is a feature packed JavaScript library that allows you to easily create spinning Prize Wheels on HTML5 canvas using highly configurable JavaScript classes. dougtesting.net 단계별로 잘 나와 있어서 초보자도 단계를 따라가다 보면 개발할 수 있을듯 합니다.

If your code is: And If you are using JQuery, You can use this too: Keep in mind that you must draw the input first $(document).ready()

drop down list가 많이 나오면 찾기 힘들다. 그래서 drop down list에 검색이 나오게 하면 찾을 수 있어서 좋다. jQuery Chosen 플러그인을 사용하면 쉽게 할 수 있다.

jquery 모달 modal 띄우고 닫기 모달오픈 컬럼헤더0컬럼헤더1컬럼0컬럼1 //모달 띄우기$("#btnOpen").click(function(){$("#popupModal").modal('show');}); //테이블 row를 클릭했을때 값을 처리하고 modal를 닫는다.$("#tempList tbody").on("click", "tr", function(){alert( $(this).find("td:eq(0)").text() );$("#btnClose").trigger('click');}); 여기서 는 메세지 프로퍼티 파일의 내용입니다. 즉, /WEB-INF/messages 폴더에 파일이 존재합니다. 위치는 설정파일에서 변경할 수 있습니다. /WEB-INF/messages/message.prope..

':eq(index)'는 선택된 요소들을 인덱스 번호로 찾을 수 있는 선택자.마치 배열의 인덱스로 값(value)를 찾는 것과 같음. 원문 링크 http://api.jquery.com/eq-selector/ 컬럼헤더0컬럼헤더1컬럼0컬럼1 위와 같이 테이블이 있다면 테이블 row를 클릭했을때 값을 가져오려면 jquery로 $("#tempList tbody").on("click", "tr", function(){alert( $(this).find("td:eq(0)").text() );alert( $(this).find("td:eq(1)").text() );}); td:eq(0) -> 선택(클릭)한 row의 첫번째 데이터 -> 컬럼0td:eq(1) -> 선택(클릭)한 row의 두번째 데이터 -> 컬럼1

serialize(), 폼 요소 집합을 인코딩원문 링크 http://api.jquery.com/serialize/serialize()Returns : String개요 : 데이터를 보내기 위해 폼 요소 집합을 문자열로 인코딩 합니다.serialize().serialize() 함수는 표준 URL-encoded 표기법으로 텍스트 문자열을 만듭니다. 이 함수는 폼 요소 집합을 표현하는 jQuery 객체를 이용합니다. 폼 요소들은 여러가지가 있습니다. 4 5 6 7 .serialize() 함수는 jQuery 객체로 사용할 수 있는데, 폼 요소 개별 객체별로 사용할 수 있습니다. 즉 , , 와 같은 개별 요소들이 이 함수를 사용할 수 있는 것입니다. 하지만, 대체적으로 아래 예제와 같이 태그를 선택해서 직렬화 하는..

https://www.final-tiles-gallery.com/#!

웹 개발을 할때 그리드를 빼놓을 수 없을 것이다. 그래서 여러 그리드가 나와 있다. 그 중에서 DataTables - Table plug-in for jQuery를 실제 적용시켜보려고 한다. 자세한 정보는 https://datatables.net/ 에 잘 나와 있다. (상단 메뉴에 에디터도 있는것 같던데 클릭하니 페이지를 찾을 수 없다고 나왔다.) 가장먼저 DataTables is a plug-in for the jQuery Javascript library 라는게 눈에 띈다. 웹 화면에서도 이것저것 볼 수 있지만 로컬로 다운 받아서 보기로 했다. 좌측 메뉴 하단 쪽에 Download 메뉴를 클릭하면 된다. 다운로드 URL은https://datatables.net/download/download 접속하면..

개발을 하다보면 코드테이블에서 코드값을 불러와 로 만들어주는 일이 허다하다. 좀 개발을 편하게 하기 위해 아래처럼 만들어 놓고 쓰면 편하다.. $.es.getCodeList($('#returnCode'), '003', '선택'); $.es={};$.fn.extend($.es,{ getCodeList: function($obj, kind, first){ $obj.empty(); if(first && first.length>0) $obj.append($.validator.format('{0}',first)); $.ajax({ method:"POST" , url: '/common/codeList' , data: {kind: kind} , success : function(data){ $.each(data.li..

필수값 체크등을 하려면 jquery 를 사용해 라디오 버튼에 값이 있는지 여부를 확인 할 수 있다. jquery 사용해서 radio 의 체크여부 확인하기 $('input:radio[name=이름]').is(':checked'); 결과는 true / false 로 출력됨. 체크박스도 마찬가지^^