특별한 일상

안녕하세요. 소다맛사탕 입니다. 오늘은 특정 문자를 클립보드로 복사하는 코드를 구현해 보기에 앞서 HTML5 부터 지원되던 HTML DOM document에 속한 execCommand() 메서드에 대해 알아 보겠습니다. document.execCommand() HTML 문서가 designMode로 전환되면서 문서에서 execCommand 메서드를 사용할 수 있게 되는데 이것을 이용해서 문서의 편집 가능한 영역을 변경할 수 있다. document.execCommand(aCommandName, aShowDefaultUI, aValueArgument) 명령어가 지원되지 않거나 활성화되어 있지 않으면 false 반환. execCommand() 메서드는 사실상 더 이상 권장하지 않는 기술입니다. 일부 브라우저에서..

안녕하세요. 소다맛사탕 입니다. 지난 HTML 포스팅인 '[HTML] 테이블(table) 설명 및 레이아웃 만들기 (html table description and create lay-out)'에 이어서 table의 셀 속성인 colspan과 rowspan에 대해 알아보겠습니다. 1. colspan 하나의 셀 또는 행을 여러 열로 나누고 둘 이상의 열로 합병하기 위해서 사용합니다. 즉, 테이블의 셀을 가로로 합병. 셀 병합 (colspan="2") colspan 사용 예시를 통해 더 자세히 알아보겠습니다. 1) 열을 3개로 나눈뒤 데이터 셀을묶음 테이블 예시 컬럼1 이것은 데이터1 컬럼2 이것은 데이터2 컬럼3 colspan 3 컬럼4 이것은 데이터3 컬럼5 이것은 데이터4 2) 헤더셀과 데이터셀을 묶음..

이번 포스팅에선 게시판 형태, 홈페이지의 레이아웃을 관리하는 table 태그에 대해서 알아보겠습니다.. 기본적으로 HTML table 태그는 데이터를 행과 열의 형태의 표 형식을 만드는데 사용합니다. 각 행의 테이블의 행은 테이블의 헤더는 테이블의 데이터는 로 표시합니다. 테이블 속성 태그 설명 테이블을 정의 테이블의 행 테이블의 헤더 셀 테이블의 셀(데이터) 테이블의 캡션(설명) 테이블의 그룹을 지정(행 합침 등에 이용) 각 열에 속성을 지정(상위 colgroup과 쓰임) 테이블 표의 본문 내용을 지정 테이블 표의 헤더 내용을 그룹화(한 행에 합침) 테이블 표의 바닥 글 내용을 그룹화(바닥글 행 합침) 예시를 통해 더 자세히 알아보겠습니다. 테이블 예시 컬럼1 이것은 데이터1 컬럼2 이것은 데이터2 컬..

안녕하세요. 소다맛사탕 입니다. 오늘은 하이브리드앱(hybrid app) 또는 모바일웹이라 불리는 화면에서 a 태그 속성 href에 적용가능한 전화걸기, 문자보내기, 메일보내기를 간단히 정리하려고 합니다. href 는 링크로 이동할 수 있는 URL을 지정할 수 있으며, 전화번호, 이메일, 또는 문자로 연결하는 방법도 가지고 있다. 1. 이메일 주소에 연결하는 방법 메일보내기 a 태그 속성 href에 'mailto:메일주소'를 선언하면 메일을 보낼수 있는 이벤트가 발생합니다. 1-1. 메일 제목 미리 넣기 메일보내기 파라미터에 subject를 선언하고 텍스트를 입력하면 메일의 제목이 미리 입력됩니다. 1-2. 메일 내용 미리 넣기 메일보내기 파라미터에 body를 선언한후 텍스트 입력시 메일의 본문 내용이 ..

안녕하세요. 소다맛사탕 입니다. 간단한 체크박스 전체 선택 및 해제를 알아보겠습니다. HTML 전체 가 나 다 라 마 javaScript $(document).ready(function(){ $("input:checkbox[name='chkedAll']").prop("checked",true); $("input:checkbox[name='chkedAll']").click(function(){ if("input:checkbox[name='chkedAll']").is(":checked") == true){ $("input:checkbox[name='chkedlist']").prop("checked",true); } else { $("input:checkbox[name='chkedlist']").prop("c..