본문 바로가기

개발/Script7

sweet alert2 swal({ title: "생산 & 재가공을 진행 합니다", text: "생산 단계를 선택를 해주세요", type: "info", showCancelButton: true, showCloseButton: true, confirmButtonClass: "btn-danger", confirmButtonText: "ok!!", cancelButtonClass: "btn-pink", cancelButtonColor: "#ef0000", cancelButtonText: "cancle!!", closeOnConfirm: false }).then((result) => { if (result.value) { // TRUE Swal.fire( 'title', 'text', 'success' ); } else if (re.. 2020. 4. 8.
글자 제한 id 생성시 나 입력폼에 영문,숫자,한글 제한시 고 정규식을 활용한 원하지 않는 문자 제거 코드들은 jQuery가 없어도 동작한다. $(document).ready(function(){ $("#input1").keyup(function(event){ if(event.keyCode !=8){ var result = "keycode="+ event.keyCode + " value="+ String.fromCharCode(event.keyCode); var preHtml = $("#result").html(); $("#result").html(preHtml+ " " +result); } if($(this).val() ==""){ $("#result").empty(); } }); $("#onlyNumber").keyup(function(event){ if (.. 2019. 12. 12.
[jquery] jquery obj(오브젝트) 확인(출력)하는 방법 [jquery] jquery obj(오브젝트) 확인(출력)하는 방법 한번씩 jquery 에서 오브젝트 obj 를 호출할때가 있다. alert을 띄우면 [object Object] 라고 나오는데배열도 아닌것이 어떻게 하면 안에 내용을 볼수있을까? 고민 하고 있으신가요? 이럴경우 alert(JSON.stringify(obj)) 를 호출하게 되면 오브젝트 안에 든 내용을 출력받아서 볼수있다. 2019. 3. 18.
[jquery] 공백제거/ 공백없애기 제이쿼리(jqeury)를 사용하다보면 우리는 때때로 생각지 못한 난관에 부딪친다.그중에 하나가 값을 불려왔는데 공백이 생기는경우다. 이 공백은 개발자들은 다들 경험해보겠지만 줄맞춤 혹은 간격을 맞추면서 사용하는 텝키등을 이용해 코드 정렬을 하다보면 생기는 공백이 바로 그런것이다. 이때 공백을 스크립에서 없애는 방법은 의외로 간단하다. $.trim(선택자); 와 같은 형태로 사용을 하면 해당 값은 공백이 제거 혹은 삭제된다. 가령 예를 들면 var test = ' 글쓰기';alert(test); 를 하면 결과값은 당연히 " 글쓰기" 가 되어 출력된다. 하지만. var test = ' 글쓰기';alert($.trim(test)); 이렇게하면 "글쓰기"가 되어 앞뒤쪽에서 쓸때없는 공백이 삭제가 된다. 저걸 언.. 2018. 5. 8.
[jquery]|제이쿼리 :: selectbox 동적 추가 하기 키보드마우스모니터 1차 셀렉트박스에 따라 2차 셀렉트박스 자동생성(동적추가)하기 기능이다 function itemChange(){ var keyboard = ["갈축","청축","적축"];var mouse = ["광마우스","유선마우스","비싼마우스","미키마우스"];var monitor = ["17인치","22인치","24인치","26인치"]; var selectItem = $("#select1").val(); var changeItem; if(selectItem == "키보드"){ changeItem = keyboard;}else if(selectItem == "마우스"){ changeItem = mouse;}else if(selectItem == "모니터"){ changeItem = monitor;.. 2018. 3. 28.
jQuery를 활용한 menu 자동 active 하기 jQuery를 활용한 menu 자동 active 하기 간혹 우리는 메뉴기능을 쓸때 현재 위치를 자동적으로 선택하여 보여줄필요가 있을때가 있다. 그럴 경우에 아래와 같은 형태로 작업을 하면 가능하다 homeLINK 1LINK 2LINK 33page 핵심은 스크립트 내용 구분이다. 해당 스크립을 통해 현재 위치를 확인하고 해당 위치에 따른 메뉴에 active 클래스를 부여함으로써 현재 위치를 확인할수있다. 2017. 9. 22.
input 창에서 enter 입력시 Tab 기능 구현하기 input 창에서 Tab 기능 구현하기 [html] 2017. 8. 22.

티스토리툴바