jQuery를 이용하여 상황별 체크박스를 제어해보자.기본적으로 대부분은 radio도 동일하게 사용된다. 상황1체크된 모든 엘리먼트(element)의 개수를 확인하기체크상태를 확인하는 선택자(selector)의 필터는 ":checked" 이다.$("선택자:checked") 가 기본값이고, filter를 이용해도 된다.$("선택자").filter(":checked"); $("#btnbyname").click(function(){ $("#dp_btnbyname").text($("input[type='checkbox'][name='chk[]']:checked").length); }); $("#btnbyclass").click(function(){ // 기본사용법 //$("#dp_btnbyclass").text(..
스마트 에디터2에서 이미지 삽입 후 정렬이나 크기 조정 옵션을 설정 하는 방법 GitHub : https://github.com/naver/smarteditor2/issues/36 를 참고하여 적용 할것.
@http://docs.tinyfactory.co/jquery/2012/08/11/text-overflow-ellipsis-using-jquery.html 스타일을 이용한 문장 줄이기한줄인 경우 아래와 같이 적용 여러줄인 경우 또는 wrap 된 경우 위와 같이 해선 안된다.CSS를 이용한 방법이 있지만 모든 웹브라우저에는 적용이 안된다 결국 js 를 이용해야 하는데 아래의 코드를 이용하면 된다. /* this is a one line ellipsis */ Lorem ipsum dolor sit amet, consectetur adipisicing elit/* this is a multiline ellipsis */ Lorem ipsum dolor sit amet, consectetur adipisicin..
•새로운 노드 추가 : appenChild() - 새로운 노드를 생성하여, 하위 노드들 중에 가장 마지막에 추가 • 형식 parentsNode.appendChild(childNode); 참고) 새로운 노드를 추가하여, 위치를 결정할 경우 insertBefor() : 원하는 노드의 앞에 새로운 노드를 추가 ParentsNode.insertBefore(childNode,parentNode.lastChild); •하위 노드 제거 : removeChild() -없애려는 하위 노드를 넣으면, 삭제되는 노드를 결과값으로 반환 • 형식 odlChild = parent.removeChild(parent.firstChild); 참고)appenChild()와 removeChild()의 기능을 한번에 해결하는 메소드 - r..
버그인지 아닌지는 모르겠지만 jquery ui 의 datepicker 사용시연도와 월의 셀렉트박스의 크기 때문에 모양이 틀어져 보일경우jquery-ui-min.css (또는 해당 버전css) 에서.ui-datepicker select.ui-datepicker-year { width: 49%;}위부분을 찾아서 width 를 적절히 조절해준다.또 글자 크기를 변경 하고자 할 경우.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none;}에서 font-size를 지정 해준다. 2014.08.05
Form을 이용하여 서버에 자료전송할 때 Ajax를 통해서 필요한 자료만 서버에 보내세요. 빠르고 다이네믹한 웹을 구현해 줄 것입니다. 이 곳에는 프로토타입 자바스크립트 라이브러리(Prototype 자바스크립트를 변형한다. * Ajax.Updater: 자료를 서버에 보내고 지정한 DIV에 있는 응답을 표시한다. Ajax.Updater 또는 Ajax.Request를 사용하기 위해서는 prototype.js를 해더에서 아래와같이 로드해야 한다. 다음으로, 간단한 html모양을 만든다. submit 타입이 아닌 버튼을 넣어야 하고, onclick 이벤트 핸들러를 function send() 변수를 사용하여 매우 간단하게 한다. Ajax.Updater 명령의 사용법을 살펴보자. updateDiv는 서버에서 돌려..
