CSS만을 이용해서 다양한 도형을 그릴 수 있습니다.하지만, 쉽게 그릴 수는 없습니다. CSS로 다양한 도형을 쉽게 그려서 사용 할 수 있도록 샘플 코드를 공개한 사이트가 있어서 소개합니다.https://www.land-of-web.com/freebies/css3-simple-shapes-cheat-sheet.html아래 보이는 이미지와 같은 CSS로 그릴 수 있는 다양한 도형과...
년도와 월을 선택하면 해당 년/월에 포함 되어있는 주 시작일과 종료일을 셀렉트박스로 만들게 하는 함수 입니다.아래 이미지와 같은 모습이며, 예제 보기를 통해서 구현된 페이지를 확인 할 수 있습니다. 자바스크립트로 주간(일~토) 셀렉트 박스 모습Codefunction makeWeekSelectOptions() { var...
jquery에서 사용할 수 있는 slidesjs라는 좋은 툴이 있지만, 퍼블리셔가 작업해서준 HTML 구조와 CSS 변경 작업이 어려워서 직접 만들었습니다.slidesjs 보다 별로이니 되도록이면 slidesjs 를 쓰도록 하자!그래도 나름 비슷하게 만든다고 만들었음, 아래 미리 보기로 구현된 모습을 확인...
html selectbox의 options 들을 추가 할 때 하나하나 입력하면 귀찮다. 반복해서 사용하는 것은 매번 만들기 보다, 함수를 하나 만들어 처리 하면 편하다.배열에 값과 텍스트를 미리 입력해놓은 상태에서 해당 배열을 호출하면 자동으로 <option>태그로 둘러쌓은 값을 리턴한다....
자바스크립트에서 숫자를 표기할때 3자리마다 콤마를 찍어줘야 할 때가 있다 자주 사용하는 기능인데 매번 만들기란 여간 귀찮은게 아니다. 콤마찍기 //콤마찍기function comma(str) { str = String(str); return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');} 콤마 풀기 //콤마풀기function uncomma(str) { str = String(str);...
빠르게 복사해서 사용하기 위해서 jQuery ajax() 메소드의 기본적인 사용 방법과 코드를 정리합니다.$.ajax({ type: "post", global: true, async: true, url: "ajax_request.php", dataType : "html", timeout: 30000, cache: true, data: {"id":"1", "mode":"write"}, contentType : "application/x-www-form-urlencoded; charset=utf-8", error:...
