그러냐

jquery 제이쿼리 모달 팝업 드래그 하기 드래그 옵션 jquery draggable() 화면 넘어가는 것 방지 레이어 팝업에 대한 저옵와 구현방법은 아래의 Link 를 참조하세요. Link1 : jquery 제이쿼리 레이어 팝업 화면 중앙에 띄우는 방법 레이어 팝업의 드래그를 하기 위해선 jquery-ui.js 파일이 필요합니다. 구글링으로 찾아서 다운 받으셔도 되고 아래의 스크립트를 레이어 팝업의 드래그가 필요한 화면에 넣어주시면 됩니다. > 이제 소스를 보겠습니다. 예를 들어 아래와 같은 레이어 팝업이 있다고 합시다. 처음에 레이어팝업은 위치가 고정입니다. 그래서 이 팝업을 드래그가 가능하게 하기 위해선 draggable() 함수를 사용합니다. $(function(){ $('#pop_stop_in..

뭐 이렇게 jquery 참조 시키고 function jalert(msg){ $("#alertBox").dialog({ open: $("#alertBox").text(msg), title: "확인", autoOpen: true, modal: true, buttons: { OK: function () { $("#alertBox").dialog("close"); } } }); } 이렇게 간단히 script 에 함수 넣고 하단에 div 를 넣어준다 그리고 이렇게 사용하면 이쁘게 뜬다

$("input:checkbox[id='ID']").is(":checked") == true $("input:checkbox[name='NAME']").is(":checked") == true $("input:checkbox[id='ID']").prop("checked", true); $("input:checkbox[name='NAME']").prop("checked", false); $("input:radio[name='NAME']:radio[value='VALUE']").attr("checked",true); $("input:radio[name='NAME']").removeAttr("checked");

이부분이 범례 제거하는 부분. legend: { display: false }, options: { legend: { display: false }, responsive: false, scales: { xAxes: [{ stacked:true, }] } }

// 자바스크립트 if(document.getElementById("test")){ console.log("해당 객체 존재함"); }else{ console.log("해당 객체 존재안함"); } // jQuery if($("#test").length > 0){ console.log("jquery : 해당 객체 존재함"); }else{ console.log("jquery : 해당 객체 존재안함"); }

출처 : smujihoon.tistory.com/82 요즘 세미프로젝트를 진행하고 있는 와중에 페이지에서 정말 많이 쓰이는 기능중 하나인 checkbox를 한번에 전체 선택/해제하는 방법을 포스팅할 예정이다. 코드 자체는 그렇게 복잡하지 않다. 전체약관동의 이용약관(필수)... target="_blank">약관정보 개인정보처리 동의(필수)... target="_blank">약관정보 개인정보 제3자 제공 동의... target="_blank">약관정보 이벤트혜택 알림 수신동의(선택)... 우선 사용할 checkbox는 이렇게 구성하였다. 이제 checkAll 이라는 친구로 아래 항목들을 한번에 체크/해제를 해볼 것이다. function cAll() { if ($("#checkAll").is(':checke..

변경 $(this).attr('class','class_name'); 추가 $(this).addClass("class_name"); 삭제 $(this).removeClass("class_name");

비슷하지만 다른 메소드 입니다. 태그의 내부와 외부에 값이 들어가는 차이가 있고 앞부분과 뒷부분에 들어가는 차이가 있습니다. ◎ append() - 컨텐츠를 선택된 요소 내부의 끝 부분에서 삽입 ◎ prepend() - 콘텐츠를 선택한 요소 내부의 시작 부분에서 삽입 ◎ after() - 선택한 요소 뒤에 컨텐츠 삽입 ◎ before() - 선택된 요소 앞에 컨텐츠 삽입 간단하게 예를 들어보면 중앙 이렇게 태그가 있을경우 append() 는 중앙 여기에 값이들어감 prepend() 는 여기에 값이들어감 중앙 after() 는 중앙 여기에 값이들어감 before() 는 여기에 값이들어감 중앙 중앙 이라는 글자 대신 다른 태그가 들어가 있다면 결과물의 배치가 달라지겠죠...^^ ----------------..

jquery ajax 를 활용하여 화면을 동적으로 깜빡임 없이 이동하는 방법이다. 포스팅에 앞서 jquery load 를 활용하여 동적 전환 하는 방법은 아래 링크를 참고하면 된다. Jquery load 동적 전환 ajax의 dataType 이라는 옵션을 활용하면 화면을 동적으로 바꿔줄 수 있다. dataType 은 서버에서 반환될 때의 데이터 형식을 지정하는 옵션이다. xml, html, script, json, jsnop, text 가 있으며 생략할 경우에는 자동으로 결정된다. 화면을 동적으로 바꾸기 위해서는 html 로 지정해야 한다. html layout html 1 2 3 4 5 6 7 8 9 10 11 Colored by Color Scripter cs 위와 같은 html 파일이 있고 우리는 ..

제이쿼리를 사용하여 리스트 더보기 구현 예제 입니다. 간단하지만, 정리가 안돼있어서 정리해봅니다. 요즘 사용되는 자동 스크롤 더보기가 아니며, 버튼을 클릭하여 리스트를 불러오는 방식입니다. 우선 아래와 같은 html 소스가 있습니다. jsp 로 이뤄진 소스입니다. jstl을 이용해서 처음 불러온 리스트를 뿌리는 화면입니다. 여기서 확인해야 할 부분은 테이블에 id를 지정했으며, (리스트를 추가하기 위해) 더보기 버튼에도 id를 지정했습니다. (버튼을 없애기 위해) ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 지역 콘텐츠명 콘텐츠 구분 페이지 뷰 ${resultList.area} ${resultList.name} ${resultList.gubun} $..