본문 바로가기

자바스크립트

 (51)
180412 클립보드 내용 복붙할 때 이벤트 실행 jQuery 중 bind 속성에 'paste'를 추가해서 실행.자세한 건 모르겠다. $('#editor').bind('paste', function(e) { var pastedData = e.originalEvent.clipboardData.getData('text'); alert(pastedData); });
180317 jQuery id, class 앞 부분만 같을 경우 select 방법 티스토리 카테고리 글자색 바꾸려는데 각 카테고리의 아이디별로 css 걸어줘야 하는 상황.보니까 모든 카테고리 텍스트들이 'text_XX' 식의 아이디를 가진다. 그래서 찾아본 것: name으로 시작하는 class, id$('[class^=name]')$('[id^=name]') name을 포함하는 class, id$('[class*=name]')$('[id*=name]') tr 태그에서 tr로 시작하는 class, id$("tr[class^='tr']")$("tr[id^='tr']") 사용:$('[id^=text_]').css('color','#00cc36');
180103 jquery 대상 타입 확인 alert($('#_Q1_Q0_Q0').prop('nodeName'));
180102 jQuery : eq 사용 1. $('label:eq(1)').css('background-color','red'); 2.$('label').eq(1).css('background-color','red');
171213 현 페이지에서 특정 단어 부분만 글씨색 바꾸기 function colorRed(colorTxt) { for (i=0; i
170820 click, unclick 메뉴 보이기 숨기기 $('#titlemenu ul').click(function() {if ($('#titlemenu ul li').css('display') == 'none') {$('#titlemenu ul li').css('display','block');} else {$('#titlemenu ul li').css('display','none');};}) 설정관리자글쓰기카테고리
170716 팝업창에서 만든 값을 부모창에 보내기 1. write.php (부모창, id가 imagebrowser 인 div에 이미지가 보이게 하는 그림) 2. uploading.php (팝업창, 이 페이지에서는 upload.php 에서 보낸 form 값을 받아서 이미지를 업로드 시키고 경로를 텍스트로 뱉어준다. 그게 바로 $uploadfile)
170714 a href window.open 새창,팝업창 처음에는 bold 처리한 부분 없이 해봤는데 그러면 팝업창이 아니고 그냥 브라우저의 다른창으로 뜬다. 이미지 추가
170712 jquery input box 여러개일 때 엔터치면 다음 칸으로 넘어가도록 input box 에서 keydown(키보드 키 누른 뒤의 반응) 할 때 엔터키(keyCode:13)를 쳤으면, 현재 사용 중인 input box 의 eq값(n 번째 input box인지 따질 때 n 값)을 get(var idx에 해당)해서 idx+1 위치의 input box에 focus 주긔 $('input').keydown(function(e) {var idx = $('input').index(this); // index가 바로 eq 값을 알려주는 친구if (e.keyCode === 13) {$('input').eq(idx+1).focus();};});
170706 jquery checkbox checked, unchecked 항상 할 때마다 블로그 와서 한 번 뒤적 거리고 기록이 없다는 걸 깨닫고 구글링을 시작하는 바로 그 내용! 드디어 기록. 메모장 형식의 게시판을 만들고 있고 게시글의 제목 옆에는 모두 체크박스가 있다.체크 박스에 체크를 했을 때만 글 삭제, 수정 버튼이 보여지게 하려고 했다.여러 글의 여러 체크 박스 중 하나라도 체크가 되어 있으면 삭제, 수정 버튼이 보이고 모두 체크가 해제 되어 있으면 삭제, 수정 버튼을 display none 으로 바꾼다. chk = $('input:checkbox');chk.click(function() {if ($('input:checkbox:checked').length>0) {$('#btn_d').css('display','inline');$('#btn_m').css('dis..

티스토리툴바