Programming/JavaScript52 [javascript] disabled 속성을 포함한 jquery.serialize() [javascript] jquery.serialize() with disabled attribute jquery.serialize() 사용시에 요소가 disabled 가 되어 있으면, serialize에 포함되지 않습니다.따라서, serialize 이전에 disabled 속성을 지우고 처리한 후 다시 속성을 입력합니다.원래 코드. var params = $("#modal *").serialize(); 수정 코드. var target = $("#modal *"); var disabled = target.find(':disabled').removeAttr('disabled'); var params = target.serialize(); disabled.attr('disabled', 'disabled'); 참.. 2017. 3. 19. [javascript] 이미지 중앙 정렬 및 alt 표출 [javascript] 이미지 중앙 정렬 및 alt 표출 마크다운 이미지 생성시 alt 속성 값을 줄 수 있다.  HTML로 변환하였을 경우 alt 는 이미지가 없는 경우에만 나오므로 평소에는 보이지 않는다. 이미지들을 모두 중앙 정렬 하면서, alt 속성이 밑에 보이도록 하는 코드를 추가한다. jquery는 추가 되어 있는 상황입니다. img 태그를 찾아서, display:block , margin:auto 속성을 준다. (← 중앙정렬)Alt 값을 포함하는 span 태그를 생성해서 아래에 추가한다 (← Alt 표출) 2017. 3. 18. [Javascript] 코드 태그에서 공백(빈줄)제거 [Javascript] 코드 태그에서 공백(빈줄)제거 typora 에서 작성한 마크다운을 HTML 로 변환하여 티스토리에 글을 올리는 경우 code 부분에서 빈줄이 생기는 문제점이 발생한다. (VS code 에서 변환하는 경우는 빈줄이 생기지 않는다.) 예를 들어 #!/usr/bin/env python3 from urllib.parse import quote from urllib.request import urlopen url = 'http://wikipedia.org/wiki/' + quote("한글") content = urlopen(url).read() 위의 코드를 입력하면, 이 처럼 맨 줄에 공백이 생긴다. 개발자 도구에서 확인해 보면 " 로 맨 윗줄에 줄바꿈이 있는 것을 확인할 수 있다. 이를 .. 2017. 3. 17. [javascript] 전체 체크박스 선택시 하위 체크박스 상태 제어 전체 체크박스 선택시 하위 체크박스 상태 제어 대상 엘레먼트를 확인한다. input 태그에 onclick 속성을 추가한다. 함수를 생성한다. function fnCheckAll(target){ if($(target).is(':checked')){ $(target).closest('.panel-heading').next('.panel-collapse').find('.panel-body input[type="checkbox"]').prop({checked:false}); } else{ $(target).closest('.panel-heading').next('.panel-collapse').find('.panel-b.. 2017. 3. 16. [javascript] jQuery selector [javascript] jQuery selector 자식/어트리뷰트/컨테이너 셀렉터 셀렉터 문법문법 설명 *모든 엘리먼트E태그 명이 E인 모든 엘리먼트E FE의 자손이면서 태그명이 F인 모든 엘리먼트E>FE의 바로 아래 자식이면서 태그 명이 F인 모든 엘리먼트E+FE의 형제 엘리먼트로 바로 다음에 오는 엘리먼트 FE~FE의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 FE:has(F)태그 명이 F인 자손을 하나 이상 가지는 태그 명이 E인 모든 엘리먼트E.C클래스 명 C를 가지는 태그 명이 E인 모든 엘리먼트. E의 생략은 *.C와 동일함E#I아이디가 I인 태그 명이 E인 엘리먼트. E의 생략은 *#I와 동일E[A=V]값이 V인 에트리뷰트 A를 가지는 태그 명이 E인 엘리먼트E[A=V]값이 V로 시작하는.. 2017. 3. 13. [AngularJS] ng-click 안에 if 문 넣기 [AngularJS] ng-click 안에 if 문 넣기 http://stackoverflow.com/questions/21786492/if-statement-in-ng-click 컨트롤러에서 처리 ng-click에서는 함수를 호출하고, 파라미터로 값을 전달하여 컨트롤러 안에 정의한 함수에서 처리하도록 합니다. 템플릿 : 컨트롤러 : $scope.check = function(value) { if (value) { updateMyProfile(); } } && 사용 profileForm.$valid가 유효한 값일 경우 updateMyProfile()가 호출됨 3항 연산자 사용 ng-click="profileForm.$valid ? updateMyProfile() : alert('failed')" prof.. 2017. 3. 11. 이전 1 2 3 4 5 6 7 8 9 다음