머리가 나뻐서 삽질 SAP(Study And Programming)

HTML Table을 엑셀로 저장하기 : Export to excel sheet on client side 1. 엘리먼트의 download 속성을 이용하여 저장하기. 2. 엘리먼트의 download속성과 URL에 data타입을 사용하기, 엑셀 파일 이름 지정하기. 3. jquery.battatech.excelexport 라이브러리를 사용하기. 4. jquery.battatech.excelexport 라이브러리를 사용하여 파일이름 지정하기. 5. jquery.battatech.excelexport 라이브러리를 사용하여 파일이름 지정하기2. 1. 엘리먼트의 download 속성을 이용하여 저장하기. [ code ] No Title Type Author URL 1 SAP : Study And Programmi..

여러분들 블로그나 웹사이트 를 관리하실때 대표적으로 구글 애드센스 광고를 달아서 수익을 창출을 많이 하시는 가운데 가끔 부정클릭으로 인해 경고나 아애 계정이 영구정지가 되는 경우가 적지 않아 사례가 많아 이래 저래 걱정에 앞서 항상 늘 신경을 써줘야 하는 점이 있는 점이 있습니다. 하지만 이때 애드센스 수익을 실시간으로 확인이 가능하고 실수 부정 클릭을 방지 하는 구글 퍼블리셔 툴바(Google Publisher Toolbar) 크롬 확장 프로그램을 소개하고자 합니다. 이 프로그램은 크롬의 부가기능으로 말그대로 애드센스 수익을 실시간으로 확인할 수 있지만 채널별 광고 단위 별로 상세하게 볼 수 있고 부정 클릭을 방지 할 수 있는 기능이 있어 애드센스 사용자에겐 매우 반가운 프로그램 으로 없어선 안될 존재..

img와 텍스트 세로정렬 하기 이미지 다음 오는 텍스트에 middle로 정렬하고 싶지만 되지 않는다. Doesn't work. img에 vertical align을 부여한뒤 중간 정렬 시켜준다. Works. 예제로 보는 결과 화면 전) 후) 다른방법 source : http://stackoverflow.com/questions/489340/vertically-align-text-next-to-an-image

After long search search i found one jquery plugin to convert html table content into excel sheet. It is very simple to use. It supports not only table data also for data grids, from XML file or Json files. Features: Export HTML table data to excel sheetExport Data grid to excel sheetExport to excel sheet from external JSONExport to excel sheet from external XML In this tutorial, I did only for ..

정규식 RegExp Object A regular expression is an object that describes a pattern of characters. Regular expressions are used to perform pattern-matching and "search-and-replace" functions on text. 정도로 정의할 수 있는데...(구문을 어디서 가져왔는지 모르겠다.;;) 뭐.. 익히 알고 있듯이 문자열에 대한 패턴의 검색, 치환 등을 담당하는 객체이다. 본론으로 들어가서. 정규식(regular expression)의 reg만 들어도 복잡하고 머리아프게 생각하는 사람들이 많다. 나 역시 마찬가지였고, 특히 실무에서는 자바스크립트의 경우 split(), php의 경..

아이디 중복확인 with. 제이쿼리, AJAX 1. 제이쿼리의 load 메서드를 사용하여 실시간으로 아이디가 중복인지 아닌지를 체크한다. 2. 그 결과를 HTML에 바인딩 하여 "사용가능 합니다" 혹은 "중복된 아이디 입니다" 로 결과를 볼수 있게 한다. 3. 중복 여부의 값을 클라이언트에서 판단하기 위해서 동적으로 추가된 엘리먼트에 true 혹은 false 로 텍스트 문자열을 값으로 바인딩 하여 아래와 같이 ex : true 로 결과를 리턴하고 'true', 'false'를 조건문으로 판별하여 최종 입력폼을 전송할때 데이터가 전송되지 못하게 한다. 값의 전달 방법만 다를 뿐, 변수나 리턴값이 아닌 엘리먼트 텍스트로 하는 방법은 본인이 그냥 편하게 쓰기위하여 이렇게 한거다. 실무에서는 display를 n..

부트스트랩 트위터에서 만든 HTML5 기반의 오픈 소스 웹 디자인 프레임워크. 좀 더 자세히 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 자바스크립트로 만들어 놓은 것이다. 웹 디자이너나 개발자 사이에서는 웹 디자인의 혁명이라고 불릴 정도로 폭발적인 반응을 얻는 프레임워크이다. 그 이유는, 글자, 인용문, 목록, 표, 입력폼, 버튼, 이미지, 아이콘 등의 자잘한 것 뿐만이 아니라, 드롭다운 메뉴, 버튼, 탭, 리스트, 메뉴바, 페이지 이동 바, 알림 메시지, 썸네일, 진행 바 등의 웹 페이지에서 많이 쓰이는 요소를 거의 전부 내장하고 있기 때문이다. 이 때문에 웬만한 웹 페이지는 부트스트랩의 CSS와 자바스크립트, 관련 이미지만 설치하고 미리 지정된 CSS 클래스나 자바스크립..

In HTML, the table styles cellpadding and cellspacing can be setHTML에서 cellpadding과 cellspacing스타일을 설정할 수 있었다. How would this be accomplished using CSS?문제는 어떻게 css를 사용하느냐는 것인데.. BasicsFor controlling "cellpadding" in CSS, you can simply use padding on table cells. E.g. for 10px of "cellpadding":css에서 cellpadding을 제어하기 위해서는 단순히 테이블 셀인 td 에 padding을 사용하면 된다.예를 들어 10px 만큼의 cellpadding을 원하면 다음과 같이. ..

체크박스 여부의 확인 1.id$("input:checkbox[id='ID']").is(":checked"); // 결과 true, false 2.name$("input:checkbox[name='NAME']").is(":checked"); // 결과 true, false 3. attr$("#btnDelToggle").attr("checked") || false; //결과 checked, false (이유: undefinded의 기본값을 false로 부여 해서) 체크처리 1. id$("input:checkbox[id='ID']").attr("checked", true); 2.name$("input:checkbox[name='NAME']").attr("checked", false); 3. 배열[]$("inp..

박스모델의 생성 step01. - 직접그려보기 완성될 박스모델을 머릿속으로만 생각하지 말고 종이에 그려본다. 내가 만들 박스는 아래와 같은 형태이다. 서버와 텍스트는 Table로, 종류와 상태는 같은 div를 사용하는 img 태그를 사용할 예정이다. - 코드 생각해 보기 대략 아래와 같은 구분 영역을 가지게 될 것이다. ~ 이렇게 container_box라는 wrap으로 만들어야 나중에 드래그나 클릭과 같은 기능이 추가되었을 때 가장 이상적으로 제어가 가능하다. container_box는 position을 absolute로 지정해 주면되고, table은 그냥 일반적인 테이블 코딩 종류와 상태의 경우 같은 div에 들어있다. - 코드짜보기 애플PC - 결과보기 아직 우리는 장비와 상태 부분에 css를 적용..