jquery19 JQuery Draggable UI 기본 예제 JQuery에서 제공해주는 Draggable UI 기본 사용법 예제 입니다 CMS에서 마우스 드래그를 통해 홈페이지를 쉽게 제작할 수 있도록하기위해 JQuery Draggable UI를 사용하였습니다 아래 소스는 제가 개발 전 테스트 전에 만들어봤던 소스이고 처음 사용하시는 분들한테 조금이나마 도움이 되고자 포스팅했습니다 아래 주소에 접속하시면 Draggable UI 기본 사용법을 알 수 있고 https://jqueryui.com/draggable/ 응용을 위해서는 아래의 예제소스를 참조해주세요 Draggable Div1Draggable Div2Draggable Div3Draggable Div4 HEADERBODYFOOTER 2016. 8. 17. html, javascript, jquery 마우스 우클릭 방지(퍼가기방지) - oncontextmenu='return false' - 우클릭방지- onselectstart='return false' - 블럭선택방지 - ondragstart='return false' - 드래그방지 또는 $("body").contextmenu( function() {return false;}); 와 같은 방법으로 처리가능 2015. 12. 7. jquery iframe 부모, 자식 접근 및 크기 조정 $(top.document).find("아이디나 클래스명").css({...});아이프레임 부모노드의 css 값을 변경할 때는 위의 방법을 사용하면 된다. 기타 접근 방법은 아래와 같다1. iframe 부모 값에 접근$("#id", parent.document) 2. 부모의 다른 iframe에 접근$("#id", parent.frames["frameid"].document) 3. iframe 내의 id 셀렉터$("#iframeid").contents().find("아이디나 클래스").html(); 4. iframe 내부 요소 선택$("#iframeid").contains().find("아이디나 클래스").html(); 2015. 1. 9. jQueryApi - 제어(선택, 삽입, 삭제, 변경, 변환, 확장) 정말 유용한 것 같아서 http://hyeonstorage.tistory.com/60에서 스크립해왔습니다. 1. 제어 - 선택 .add() : 요소를 추가 선택한다. / $("p").add("div") // p 요소와 div 요소를 선택한다. .not() : 선택된 확장집합에서 인자에 해당하는 요소를 제거한다. / $("p").not(".green") // p 요소의 확장집합에서 class가 green인 요소를 제거한다. .children() : 요소의 고유한 자식으로 구성된 확장 집합을 반환한다. .contents() : 선택한 요소의 자식 요소를 가져온다.(text node 포함) $('.container').contents().filter(function(){}); // class container.. 2014. 10. 24. jQuery 동적 생성 이벤트 동적으로 생성된 객체에 대해서는 아래처럼 스크립트를 주게 될 경우 동적으로 생성된 객체에 대해서는 이벤트가 적용되지 않는다.$(".btn").click(function() {alert();}); 이럴때에는 $(document).on("이벤트", "이벤트할당객체", function() {alert(); });이런식으로 작성해주면 동적으로 객체가 생성되더라도 이벤트가 적용된다. 위의 예제라면$(document).on("click", ".btn", function() {alert(); }); 이런식으로 해주면 된다. 2014. 10. 24. JQuery DatePicker 달력 JQuery에서 기본적으로 제공해주는 달력(DatePicker)이 있어서 쉽게사용하실 수 있어요 참고 사이트 : http://jqueryui.com/datepicker/ 2014. 10. 23. 이전 1 2 3 4 다음