텍스트 에디터 사용(ckeditor)
2024. 11. 15. 16:07
Language/JavaScript
CKEditor는 웹 기반의 텍스트 편집기 라이브러리로, WYSIWYG (What You See Is What You Get) 방식으로 사용자가 HTML 콘텐츠를 편집할 수 있게 해줍니다. 다양한 기능과 플러그인을 지원하며, 웹 애플리케이션에서 사용자가 손쉽게 텍스트를 작성하고 포맷을 조정할 수 있게 합니다. CKEditor는 기본적으로 자바스크립트로 작성되어 있으며, HTML 폼에 쉽게 통합될 수 있습니다.1. CKEditor 설치 방법CKEditor를 웹 페이지에 적용하는 기본적인 방법은 두 가지입니다:CDN 사용로컬 파일 다운로드 및 적용1.1. CDN 사용가장 간단한 방법은 CKEditor를 CDN에서 불러오는 것입니다. HTML 파일의 1.2. 로컬 파일 다운로드 및 적용CKEditor를 로컬 ..
특정 button 에 onclick 이벤트 추가 , 제거
2022. 11. 3. 18:05
Language/JavaScript
function postTap(type){ $('#Tap').removeAttr("onclick"); // 제거 $('#Tap').attr("onclick", "postView('"+ type +"')"); // postView 함수 적용 }
체크박스 체크 되어있는 특정 id의 부모나 자식으로 로직짜기
2022. 11. 2. 18:00
Language/JavaScript
$("input:checkbox[name='all_check']:checked").each(function(){ var Frmtn = $(this).parent().parent().children('#Frmtn').text(); var Diary = $(this).parent().parent().children('#Diary').text(); var id = $(this).parent().parent().attr('id').substr(5); }
.change 예시문
2022. 10. 31. 11:22
Language/JavaScript
// input 예시문 $("input[name=rdo_#operate_se_radio]").change(function() { if ($(this).val() == "21901" || $(this).val() == "21903") { $("#test").css("display", "none"); } else if ($(this).val() == "21902") { $("#test").css("display", ""); } }); // select 예시문 $("select[name^=mission_lar_]").change(function() { var cnt = $(this).attr('id'); var temp = cnt.split('_'); cnt = temp[temp.length-1]; $("#m..
.each 예시문
2022. 10. 30. 11:17
Language/JavaScript
// select $("select[name^=h_hh3_]").each(function(index, item) { var h_hh3 = $(item).val(); if (h_hh3 == null || h_hh3 == '') { $(item).focus(); return false; } }); // input $("input[name^=mission_begin_day_]").each(function(index, item) { var mission_begin_day = $(item).val(); if (mission_begin_day == null || mission_begin_day == '') { $(item).focus(); return false; } });
css display 여부에 따른 조건문
2022. 10. 29. 11:11
Language/JavaScript
if (($(".rotationWing").css("display") == "none")) { $('.rotationWing').css('display', ''); } if (!($(".rotationWing").css("display") == "none")) { $('.rotationWing').css('display', 'none'); }
제이쿼리 select[name^=].each id 추출
2022. 10. 26. 18:07
Language/JavaScript
$("select[name^=team_code_]").each(function(index, item){ var team_code = $(item).val(); if(team_code != ''){ var id = $(item).prop("id"); var temp = id.split('_'); var sn = '#se_code_' + temp[temp.length-1]; var se_code = $(sn).val(); if(se_code == null || se_code == '') { alert("선택해야합니다."); $(sn).focus(); check = false; return false; } } } );
DATE 년도, 월로 그 월 마지막 일자 출력하기
2022. 10. 5. 13:59
Language/JavaScript
var planY = $("#planY").val(); var planM = $("#planM").val(); var last = new Date(planY, planM, 0); // 마지막 일 date if(Number($("#plan_de").val()) Number(last.getDate())){ alert( planY + '년 ' + planM + '월에 속한 일자를 입력해주세요'); $("#plan_de").focus(); return false; }
JQuery css display 설정
2022. 10. 2. 13:23
Language/JavaScript
$("#id명").css("display",""); $("#id명").css("display","none");